爲什麼我的angularjs ui-grid組無法工作？

我正在學習本教程（http://ui-grid.info/docs/#/tutorial/209_grouping）。我只是將'ui-grid-grouping'添加到我的div中，但是我的網格左側沒有'+'符號，因爲演示項目在上面的鏈接中說過。我在網上搜索了2個小時，並嘗試了幾個教程，但仍然沒有運氣。爲什麼我的angularjs ui-grid組無法工作？

這裏是我的網格選項：

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>

我的網格：

慾望格：

來源

2017-09-15 EntryLeveDeveloper

和控制檯顯示任何錯誤？ – JoxieMedina

@JoxieMedina不，沒有錯誤 – EntryLeveDeveloper

也許你有任何缺少的屬性，在你的'gridOptions'我看不到屬性'columnDefs'和在這個Plunker http://plnkr.co/edit/psFO71IMoKD1E5U2heYC?p=preview，if我刪除了'columnDefs'，結果是你有相同的行爲 – JoxieMedina

你有丟失道具在你的gridOptions我看不到屬性columnDefs和在這個Plunker plnkr.co/edit/psFO71IMoKD1E5U2heYC?p=preview，如果我刪除columnDefs結果是你有相同的行爲

來源

2017-09-15 15:26:31 JoxieMedina

有興趣幫助解決在這篇文章中出口到pdf的ui-grid UI /風格？ https://stackoverflow.com/questions/46230814/angularjs-ui-grid-export-to-pdf-page-number-and-pdf-title-too-left-but-grid-i – EntryLeveDeveloper

爲什麼我的angularjs ui-grid組無法工作？

回答

相關問題