AG Grid ನಲ್ಲಿ ಸಾಲುಗಳನ್ನು ಗುಂಪು ಮಾಡುವುದು, ಅಗ್ರಿಗೇಶನ್, ಟ್ರೀ ಡೇಟಾ, ಮಾಸ್ಟರ್/ಡೀಟೇಲ್ ಮತ್ತು Excel ಎಕ್ಸ್‌ಪೋರ್ಟ್ Enterprise ವೈಶಿಷ್ಟ್ಯಗಳು: ಪ್ರೊಡಕ್ಷನ್‌ನಲ್ಲಿ ಬಳಸಲು ವಾಣಿಜ್ಯ ಪರವಾನಗಿ ಬೇಕು, ಮತ್ತು ಕೀ ಇಲ್ಲದಿದ್ದರೆ ಗ್ರಿಡ್ ವಾಟರ್‌ಮಾರ್ಕ್ ತೋರಿಸುತ್ತದೆ ಹಾಗೂ ಕನ್ಸೋಲ್‌ನಲ್ಲಿ ದೋಷವನ್ನು ದಾಖಲಿಸುತ್ತದೆ. Needless UI ಡೇಟಾ ಗ್ರಿಡ್‌ನಲ್ಲಿ ಒಟ್ಟು ಮೊತ್ತಗಳಿರುವ ಗುಂಪುಗಳು, ಟ್ರೀ ಡೇಟಾ, ಸಾಲಿನ ವಿವರಗಳು ಮತ್ತು .xlsx ಎಕ್ಸ್‌ಪೋರ್ಟ್ MIT ಪರವಾನಗಿಯ ಅಡಿಯಲ್ಲಿ ಇವೆ. ಈ ಮಾರ್ಗದರ್ಶಿ Angular ಆ್ಯಪ್ ಅನ್ನು ಒಂದರಿಂದ ಇನ್ನೊಂದಕ್ಕೆ ಸ್ಥಳಾಂತರಿಸುತ್ತದೆ: ಯಾವುದು ಹಾಗೆಯೇ ಬರುತ್ತದೆ, ಯಾವುದು ಬರುವುದಿಲ್ಲ, ಮತ್ತು ಕೋಡ್ ಹೇಗೆ ಬದಲಾಗುತ್ತದೆ.
ಇದು AG Grid 36 ರ ಹೆಸರುಗಳನ್ನು ಬಳಸುತ್ತದೆ. AG Grid 36 Angular 20 ರಿಂದ 22 ರವರೆಗೆ ಬೆಂಬಲಿಸುತ್ತದೆ; Needless UI ಗೆ Angular 22 ಬೇಕು.
ನಿಮಗೆ ಏನು ಸಿಗುತ್ತದೆ
| ವೈಶಿಷ್ಟ್ಯ | AG Grid | Needless UI |
|---|---|---|
| ಸಾಲುಗಳನ್ನು ಗುಂಪು ಮಾಡುವುದು, ಅಗ್ರಿಗೇಟ್‌ಗಳು ಮತ್ತು ಒಟ್ಟು ಮೊತ್ತದ ಸಾಲಿನೊಂದಿಗೆ | Enterprise | ಇದೆ: ಹಲವು ಹಂತಗಳು; ಕೂಡಿಕೆ, ಸರಾಸರಿ, ಕನಿಷ್ಠ, ಗರಿಷ್ಠ, ಎಣಿಕೆ ಅಥವಾ ಒಂದು ಫಂಕ್ಷನ್‌ನೊಂದಿಗೆ |
| ಟ್ರೀ ಡೇಟಾ | Enterprise | ಇದೆ, ನೆಸ್ಟೆಡ್ ಸಾಲುಗಳಿಂದ |
| ಸಾಲಿನ ಕೆಳಗೆ ವಿವರಗಳು (ಮಾಸ್ಟರ್/ಡೀಟೇಲ್) | Enterprise | ಇದೆ: ಸಾಲಿನ ಕೆಳಗೆ ಯಾವುದೇ ಟೆಂಪ್ಲೇಟ್, ಇನ್ನೊಂದು ಗ್ರಿಡ್ ಕೂಡ |
| Excel ಎಕ್ಸ್‌ಪೋರ್ಟ್ | Enterprise: ಸ್ಟೈಲ್‌ಗಳು, ಹಲವು ಶೀಟ್‌ಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ಫಾರ್ಮುಲಾಗಳು | ಇದೆ: ಪ್ರಕಾರವಿರುವ ಸೆಲ್‌ಗಳ ಒಂದು ಶೀಟ್, ಸಂಖ್ಯೆ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳು ಮತ್ತು ಫಿಲ್ಟರ್‌ಗಳಿರುವ ಫ್ರೀಜ್ ಮಾಡಿದ ಹೆಡರ್‌ನೊಂದಿಗೆ |
| ಕಾಲಮ್‌ಗಳನ್ನು ಆರಿಸುವ ಸಾಧನವಿರುವ ಕಾಲಮ್ ಮೆನು | Enterprise | ಇದೆ: ಪ್ರತಿ ಕಾಲಮ್ ಅನ್ನು ವಿಂಗಡಿಸಬಹುದು, ಫಿಲ್ಟರ್ ಮತ್ತು ಪಿನ್ ಮಾಡಬಹುದು, ಸರಿಸಬಹುದು, ಅಗಲ ಹೊಂದಿಸಬಹುದು, ಮರೆಮಾಡಬಹುದು; ಎಲ್ಲವನ್ನೂ ಒಟ್ಟಿಗೆ ತೋರಿಸಬಹುದು ಅಥವಾ ಮರೆಮಾಡಬಹುದು |
| ಹಲವು ಕಾಲಮ್‌ಗಳ ಪ್ರಕಾರ ವಿಂಗಡಣೆ, ತ್ವರಿತ ಹುಡುಕಾಟ, ಪುಟಗಳು, ಸಾಲುಗಳ ಆಯ್ಕೆ | Community | ಇದೆ |
| ಕಾಲಮ್ ಫಿಲ್ಟರ್‌ಗಳು | Community: ಗರಿಷ್ಠ ಎರಡು ಷರತ್ತುಗಳು, AND ಅಥವಾ OR ನಿಂದ ಜೋಡಿಸಿದವು | ಪ್ರತಿ ಕಾಲಮ್‌ಗೆ ಒಂದು ಷರತ್ತು |
| ಸೆಟ್, ಮಲ್ಟಿ ಮತ್ತು ಅಡ್ವಾನ್ಸ್ಡ್ ಫಿಲ್ಟರ್‌ಗಳು | Enterprise | ಭಾಗಶಃ: ಕಾಲಮ್‌ನ ಆಯ್ಕೆಗಳ ಚೆಕ್‌ಲಿಸ್ಟ್, ಡೇಟಾದಲ್ಲಿರುವ ಮೌಲ್ಯಗಳದ್ದಲ್ಲ |
| ಕಾಲಮ್‌ಗಳ ಗಾತ್ರ ಬದಲಿಸುವುದು, ಸರಿಸುವುದು, ಪಿನ್ ಮಾಡುವುದು, ಮರೆಮಾಡುವುದು ಮತ್ತು ಅವುಗಳ ಸ್ಥಿತಿಯನ್ನು ಉಳಿಸುವುದು | Community | ಇದೆ |
| ವರ್ಚುವಲ್ ಸ್ಕ್ರಾಲಿಂಗ್ | Community: ಸಾಲುಗಳು ಮತ್ತು ಕಾಲಮ್‌ಗಳು | ಸಾಲುಗಳು |
| ಸೆಲ್ ಎಡಿಟಿಂಗ್ | Community; ಕೆಲವು ಎಡಿಟರ್‌ಗಳು Enterprise | ಇದೆ, ಕಾಲಮ್‌ನ ಪ್ರಕಾರಕ್ಕೆ ತಕ್ಕಂತೆ, ವ್ಯಾಲಿಡೇಶನ್ ಸಹಿತ; ಕಸ್ಟಮ್ ಎಡಿಟರ್‌ಗಳಿಲ್ಲ, ಅನ್‌ಡೂ ಇಲ್ಲ |
| ಪಿವೋಟಿಂಗ್, ಸಂಯೋಜಿತ ಚಾರ್ಟ್‌ಗಳು | Enterprise | ಇಲ್ಲ |
| ಕ್ಲಿಪ್‌ಬೋರ್ಡ್, ಸೆಲ್ ಶ್ರೇಣಿಯ ಆಯ್ಕೆ, ಕಾಂಟೆಕ್ಸ್ಟ್ ಮೆನು, ಸ್ಟೇಟಸ್ ಬಾರ್, ಸೈಡ್ ಬಾರ್ | Enterprise | ಇಲ್ಲ |
| ಸರ್ವರ್‌ನಿಂದ ಡೇಟಾ | ಸರ್ವರ್-ಸೈಡ್ ರೋ ಮಾಡೆಲ್: Enterprise; ಬ್ಲಾಕ್‌ಗಳಲ್ಲಿ ಲೋಡ್ ಮಾಡುವುದು: Community | ನಿಮ್ಮ ಸರ್ವರ್‌ನಿಂದ ಪುಟಗಳು, ಅದರದೇ ವಿಂಗಡಣೆ, ಫಿಲ್ಟರ್‌ಗಳು ಮತ್ತು ಹುಡುಕಾಟದೊಂದಿಗೆ; ಸರ್ವರ್‌ನಲ್ಲಿ ಗುಂಪು ಮಾಡುವುದು ಇಲ್ಲ |
| ಕಾಲಮ್ ಗುಂಪುಗಳು, ಸಾಲುಗಳನ್ನು ಎಳೆಯುವುದು, ಪಿನ್ ಮಾಡಿದ ಸಾಲುಗಳು | Community | ಇಲ್ಲ |
| ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು | React, Angular 20 ರಿಂದ 22, Vue ಮತ್ತು ಸಾದಾ JavaScript | Angular 22 ಮತ್ತು React 19 |
ಯಾವುದಕ್ಕೆ ಯಾವುದು ಸಮ
| AG Grid | Needless UI ಗ್ರಿಡ್ |
|---|---|
<ag-grid-angular>, ಮಾಡ್ಯೂಲ್ ನೋಂದಣಿ, LicenseManager.setLicenseKey() | <nui-grid>; ನೋಂದಾಯಿಸಬೇಕಾದದ್ದು ಏನೂ ಇಲ್ಲ, ಕೀಯೂ ಇಲ್ಲ |
rowData, columnDefs | [(rows)], [columns] |
field, headerName | id, header |
valueGetter, valueFormatter, cellDataType | value, format (Intl ಆಯ್ಕೆಗಳು ಅಥವಾ ಒಂದು ಫಂಕ್ಷನ್), type |
cellRenderer | nuiGridCell ಟೆಂಪ್ಲೇಟ್ |
pinned: 'left', hide | pinned: 'start', hidden |
ಕಾಲಮ್‌ನ rowGroup, groupDefaultExpanded | [(groupBy)], ಕಾಲಮ್ id ಗಳ ಪಟ್ಟಿ. ಗುಂಪುಗಳು ತೆರೆದೇ ಆರಂಭವಾಗುತ್ತವೆ; [(collapsed)] ಅವನ್ನು ಮುಚ್ಚುತ್ತದೆ. |
aggFunc, grandTotalRow | aggregate, totals |
treeData, ಜೊತೆಗೆ treeDataChildrenField | children: (row) => row.children |
masterDetail, detailCellRenderer | nuiGridDetail ಟೆಂಪ್ಲೇಟ್, ಮತ್ತು [(details)] |
quickFilterText | [(search)] |
rowSelection, getSelectedRows() | selection, ಮತ್ತು [(selected)]: ಆರಿಸಿದ ಸಾಲುಗಳ ಕೀಗಳು |
pagination, paginationPageSize | [(pageSize)], [(page)], pageSizes |
getColumnState(), applyColumnState() | [(columnState)] |
exportDataAsExcel(), exportDataAsCsv() | exportXlsx() ಒಂದು Blob ಅನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ, ಮತ್ತು exportCsv() ಪಠ್ಯವನ್ನು |
cellValueChanged, rowDoubleClicked | (cellEdit), (rowActivate) |
rowModelType: 'serverSide' | mode="server", total, (queryChange) |
localeText, enableRtl | labels; ಬಲದಿಂದ ಎಡಕ್ಕೆ ಬರೆಯುವ ದಿಕ್ಕು ಪುಟದ dir ಅನ್ನು ಅನುಸರಿಸುತ್ತದೆ |
ದೇಶವಾರು ಗುಂಪು ಮಾಡಿದ ಆರ್ಡರ್‌ಗಳು, ಎರಡೂ ರೀತಿಯಲ್ಲಿ
ಮಾಡಬೇಕಾದ ಕೆಲಸ: ದೇಶವಾರು ಗುಂಪು ಮಾಡಿದ ಆರ್ಡರ್‌ಗಳು, ಪ್ರತಿ ದೇಶಕ್ಕೂ ಒಂದು ಒಟ್ಟು ಮೊತ್ತ ಮತ್ತು ಎಲ್ಲಕ್ಕೂ ಸೇರಿ ಒಂದು, Excel ಎಕ್ಸ್‌ಪೋರ್ಟ್, ತ್ವರಿತ ಹುಡುಕಾಟ ಮತ್ತು ಹಲವು ಸಾಲುಗಳ ಆಯ್ಕೆ. ಗುಂಪುಗಳು, ಒಟ್ಟು ಮೊತ್ತಗಳು ಮತ್ತು Excel ಎಕ್ಸ್‌ಪೋರ್ಟ್‌ಗೆ Enterprise ಬೇಕಾಗುವ AG Grid 36 ನೊಂದಿಗೆ:
Needless UI ಗ್ರಿಡ್‌ನೊಂದಿಗೆ:
ಕೆಲವು ವಿಷಯಗಳು ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ. ಆಯ್ಕೆ ಕೀಗಳನ್ನು, ಅಂದರೆ ಸಾಲುಗಳ id ಗಳನ್ನು, ಇಟ್ಟುಕೊಳ್ಳುತ್ತದೆ, ಹಾಗಾಗಿ ಹೊಸ ಡೇಟಾ ಬಂದರೂ ಅದು ಉಳಿಯುತ್ತದೆ; ಸಾಲುಗಳೇ ಬೇಕಾದಾಗ ಕೀಗಳಿಂದ ಅವನ್ನು ಮತ್ತೆ ಪಡೆಯಿರಿ. ಗುಂಪುಗಳು ತೆರೆದೇ ಆರಂಭವಾಗುತ್ತವೆ. ಗುಂಪಿನ ಲೇಬಲ್ ಕಾಣುವ ಮೊದಲ ಕಾಲಮ್‌ನಲ್ಲಿ ಇರುತ್ತದೆ, ಮತ್ತು ಹುಡುಕಾಟ ಕಾಣುವ ಕಾಲಮ್‌ಗಳನ್ನು ಮಾತ್ರ ಓದುತ್ತದೆ, ಹಾಗಾಗಿ ಗುಂಪು ಮಾಡಿದ ಕಾಲಮ್ ಹುಡುಕಾಟದಲ್ಲಿ ಹೊಂದಬೇಕಿದ್ದರೆ ಅದನ್ನು ಕಾಣುವಂತೆಯೇ ಇರಿಸಿ. ಮತ್ತು exportXlsx() ಫೈಲ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವ ಬದಲು ಹಿಂತಿರುಗಿಸುತ್ತದೆ: ಫಿಲ್ಟರ್ ಮಾಡಿದ, ವಿಂಗಡಿಸಿದ ಸಾಲುಗಳ ಒಂದು ಶೀಟ್, ಗುಂಪಿನ ಸಾಲುಗಳಿಲ್ಲದೆ.
ಇಲ್ಲದಿರುವುದು ನಿಮಗೆ ಬೇಕಿದ್ದರೆ
ನಿಮ್ಮ ಆ್ಯಪ್ ಪಿವೋಟಿಂಗ್, ಚಾರ್ಟ್‌ಗಳು, ಕ್ಲಿಪ್‌ಬೋರ್ಡ್ ಮತ್ತು ಶ್ರೇಣಿಯ ಆಯ್ಕೆ, ಸರ್ವರ್‌ನಲ್ಲಿ ಗುಂಪು ಮಾಡುವುದು ಅಥವಾ ಕಾಲಮ್ ಗುಂಪುಗಳನ್ನು ಅವಲಂಬಿಸಿದ್ದರೆ, Needless UI ಗ್ರಿಡ್ ಇನ್ನೂ AG Grid ನ ಜಾಗವನ್ನು ತುಂಬಲಾರದು. ನಿಮಗೆ ಬೇಕಾದುದಕ್ಕಾಗಿ ಇಶ್ಯೂ ತೆರೆಯಿರಿ. ಉಳಿದ ಎಲ್ಲದಕ್ಕೂ ಡೇಟಾ ಗ್ರಿಡ್‌ನ ಪುಟ ನೋಡಿ: ಅಲ್ಲಿ ಪ್ರತಿ ಇನ್‌ಪುಟ್, ಔಟ್‌ಪುಟ್ ಮತ್ತು ಉದಾಹರಣೆ ಇದೆ.