Kupanga safu katika makundi, thamani za muhtasari, data ya mti, master/detail na kuhamishia Excel katika AG Grid ni sehemu ya Enterprise: kuitumia katika production kunahitaji leseni ya kibiashara, na bila ufunguo gridi huonyesha alama maji na huandika kosa kwenye console. Gridi ya data ya Needless UI ina makundi yenye jumla, data ya mti, maelezo ya safu na kuhamishia .xlsx chini ya leseni ya MIT. Mwongozo huu unahamisha programu ya Angular kutoka moja hadi nyingine: kinachohamia moja kwa moja, kisichohamia, na jinsi msimbo unavyobadilika.
Mwongozo huu unatumia majina ya AG Grid 36. AG Grid 36 inafanya kazi na Angular 20 hadi 22; Needless UI inahitaji Angular 22.
Unachopata
| Uwezo | AG Grid | Needless UI |
|---|---|---|
| Kupanga safu katika makundi, pamoja na thamani za muhtasari na safu ya jumla | Enterprise | Ndiyo: ngazi kadhaa, pamoja na jumla, wastani, kiwango cha chini, kiwango cha juu, idadi au function |
| Data ya mti | Enterprise | Ndiyo, kutoka safu zilizo ndani ya safu nyingine |
| Maelezo chini ya safu (master/detail) | Enterprise | Ndiyo: template yoyote chini ya safu, hata gridi nyingine |
| Kuhamishia Excel | Enterprise: mitindo, laha kadhaa, picha na fomula | Ndiyo: laha moja ya visanduku vyenye aina zake, pamoja na miundo ya namba na kichwa kilichogandishwa chenye vichujio |
| Menyu ya safu wima yenye kichaguzi cha safu wima | Enterprise | Ndiyo: kupanga, kuchuja, kubandika, kuhamisha, kurekebisha upana na kuficha kila safu wima, na kuzionyesha au kuzificha zote |
| Kupanga kwa safu wima kadhaa, utafutaji wa haraka, kurasa, uchaguzi wa safu | Community | Ndiyo |
| Vichujio vya safu wima | Community: hadi masharti mawili, yanayounganishwa kwa AND au OR | Sharti moja kwa kila safu wima |
| Vichujio vya seti, mseto na vya hali ya juu | Enterprise | Kwa sehemu: orodha ya checkbox za chaguo za safu wima, si za thamani zilizo kwenye data |
| Kubadilisha upana wa safu wima, kuzihamisha, kuzibandika na kuzificha, na kuhifadhi hali yao | Community | Ndiyo |
| Kuchora kinachoonekana pekee (virtual scrolling) | Community: safu na safu wima | Safu |
| Kuhariri visanduku | Community; baadhi ya vihariri ni Enterprise | Ndiyo, kulingana na aina ya safu wima, pamoja na uthibitishaji; hakuna vihariri maalum wala kutendua |
| Pivoting, chati zilizojengwa ndani | Enterprise | Hapana |
| Ubao wa kunakili, kuchagua masafa ya visanduku, menyu ya muktadha, upau wa hali, upau wa pembeni | Enterprise | Hapana |
| Data kutoka kwa seva | Model ya safu upande wa seva: Enterprise; kupakia kwa vipande: Community | Kurasa kutoka kwa seva yako, ambayo hupanga, huchuja na hutafuta yenyewe; hakuna makundi kwenye seva |
| Makundi ya safu wima, kuburuta safu, safu zilizobandikwa | Community | Hapana |
| Framework | React, Angular 20 hadi 22, Vue na JavaScript tupu | Angular 22 na React 19 |
Kipi kinalingana na kipi
| AG Grid | Gridi ya Needless UI |
|---|---|
<ag-grid-angular>, kusajili moduli, LicenseManager.setLicenseKey() | <nui-grid>; hakuna cha kusajili wala ufunguo |
rowData, columnDefs | [(rows)], [columns] |
field, headerName | id, header |
valueGetter, valueFormatter, cellDataType | value, format (chaguo za Intl au function), type |
cellRenderer | Template ya nuiGridCell |
pinned: 'left', hide | pinned: 'start', hidden |
rowGroup ya safu wima, groupDefaultExpanded | [(groupBy)], orodha ya id za safu wima. Makundi huanza yakiwa wazi; [(collapsed)] huyafunga. |
aggFunc, grandTotalRow | aggregate, totals |
treeData pamoja na treeDataChildrenField | children: (row) => row.children |
masterDetail, detailCellRenderer | Template ya nuiGridDetail, na [(details)] |
quickFilterText | [(search)] |
rowSelection, getSelectedRows() | selection, na [(selected)]: funguo za safu zilizochaguliwa |
pagination, paginationPageSize | [(pageSize)], [(page)], pageSizes |
getColumnState(), applyColumnState() | [(columnState)] |
exportDataAsExcel(), exportDataAsCsv() | exportXlsx() hurudisha Blob, na exportCsv() hurudisha maandishi |
cellValueChanged, rowDoubleClicked | (cellEdit), (rowActivate) |
rowModelType: 'serverSide' | mode="server", total, (queryChange) |
localeText, enableRtl | labels; mwelekeo wa kulia kwenda kushoto hufuata dir ya ukurasa |
Oda katika makundi kwa nchi, kwa njia zote mbili
Kazi yenyewe: oda katika makundi kwa nchi, zenye jumla ya kila nchi na jumla kuu, kuhamishia Excel, utafutaji wa haraka na uchaguzi wa safu nyingi. Kwa AG Grid 36, ambapo makundi, jumla na kuhamishia Excel vinahitaji Enterprise:
Kwa gridi ya Needless UI:
Mambo machache hufanya kazi tofauti. Uchaguzi hushikilia funguo, yaani id za safu, hivyo hudumu hata data mpya ikifika; unapohitaji safu zenyewe, zitafute kwa funguo hizo. Makundi huanza yakiwa wazi. Lebo ya kundi hukaa kwenye safu wima ya kwanza inayoonekana, na utafutaji husoma safu wima zinazoonekana pekee, hivyo usiifiche safu wima inayopanga makundi ikiwa utafutaji unapaswa kupata thamani zake. Pia, exportXlsx() hurudisha faili badala ya kuipakua: laha moja ya safu zilizochujwa na kupangwa, bila safu za makundi.
Ukihitaji kisichokuwepo
Ikiwa programu yako inategemea pivoting, chati, ubao wa kunakili na kuchagua masafa, makundi kwenye seva au makundi ya safu wima, gridi ya Needless UI bado haiwezi kuchukua nafasi ya AG Grid. Fungua issue kwa kile unachohitaji. Kwa kila kitu kingine, ukurasa wa gridi ya data una kila input, output na mfano.