AG Grid లోని వరుసల గ్రూపింగ్, అగ్రిగేషన్, ట్రీ డేటా, master/detail, 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 | ఉంది, నెస్ట్ చేసిన వరుసల నుంచి |
| వరుస కింద వివరాలు (master/detail) | Enterprise | ఉంది: వరుస కింద ఏ టెంప్లేట్ అయినా, మరో గ్రిడ్ కూడా |
| Excel ఎక్స్‌పోర్ట్ | Enterprise: స్టైల్‌లు, అనేక షీట్‌లు, చిత్రాలు, ఫార్ములాలు | ఉంది: డేటా టైప్ ఉన్న సెల్‌లతో ఒకే షీట్; నంబర్ ఫార్మాట్‌లు, ఫిల్టర్‌లతో ఫ్రీజ్ చేసిన హెడర్ వరుస |
| కాలమ్‌లను ఎంచుకునే సాధనంతో కాలమ్ మెనూ | Enterprise | ఉంది: ప్రతి కాలమ్‌నూ సార్ట్, ఫిల్టర్, పిన్ చేయవచ్చు, జరపవచ్చు, వెడల్పు సరిపెట్టవచ్చు, దాచవచ్చు; అన్నింటినీ ఒకేసారి చూపించవచ్చు లేదా దాచవచ్చు |
| అనేక కాలమ్‌ల ప్రకారం సార్టింగ్, త్వరిత శోధన, పేజీలు, వరుసల ఎంపిక | Community | ఉంది |
| కాలమ్ ఫిల్టర్‌లు | Community: AND లేదా OR తో కలిపిన గరిష్ఠంగా రెండు షరతులు | ఒక్కో కాలమ్‌కు ఒక షరతు |
| Set, Multi, Advanced ఫిల్టర్‌లు | 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 స్థానాన్ని భర్తీ చేసే స్థితిలో లేదు. మీకు కావాల్సిన దాని కోసం ఒక issue తెరవండి. మిగతా అన్నిటి కోసం, డేటా గ్రిడ్ పేజీలో ప్రతి ఇన్‌పుట్, అవుట్‌పుట్, ఉదాహరణ ఉన్నాయి.