为什么我的 angularjs ui-grid groups 不能工作？

Question

我正在学习本教程 (http://ui-grid.info/docs/#/tutorial/209_grouping)。我只是将“ui-grid-grouping”添加到我的 div，但我的网格左侧没有像上面的演示项目所说的“+”符号 link。我在网上搜索了 2 小时并尝试了几个教程，但仍然没有运气。

这是我的网格选项：

gridOptions = {
            showGridFooter: true,
            showFooter: false,
            enableSorting: true,
            multiSelect: false,
            enableFiltering: true,
            enableRowSelection: true,
            enableSelectAll: false,
            enableRowHeaderSelection: false,
            enableGridMenu: true,
            noUnselect: true,
            onRegisterApi: function (_gridApi) {
                this.gridApi = _gridApi;
            },
            data: [],

            exporterCsvFilename: 'Test.csv',
            exporterPdfDefaultStyle: {fontSize: 9},
            exporterPdfTableStyle: {margin: [30, 30, 30, 30]},
            exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'},
            exporterPdfHeader: { text: "Foo", style: 'headerStyle' },
            exporterPdfFooter: function ( currentPage, pageCount ) {
                return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
            },
            exporterPdfCustomFormatter: function ( docDefinition ) {
                docDefinition.styles.headerStyle = { fontSize: 22, bold: true };
                docDefinition.styles.footerStyle = { fontSize: 10, bold: true };
                return docDefinition;
            },
            exporterPdfOrientation: 'portrait',
            exporterPdfPageSize: 'LETTER',
            exporterPdfMaxGridWidth: 500,
            exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
        };

我的html:

<div ui-grid="vm.gridOptions" ui-grid-exporter ui-grid-grouping></div>

我的网格：

愿望格：

Answer 1

您缺少属性，在您的 gridOptions 我看不到属性 columnDefs 并且在这个 Plunker plnkr.co/edit/psFO71IMoKD1E5U2heYC?p=preview 中，如果我删除 columnDefs 结果与您的行为相同

为什么我的 angularjs ui-grid groups 不能工作？

Why my angularjs ui-grid groups cannot work?

angularjs

angular-ui-grid