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 திறந்து உங்களுக்குத் தேவையானதைச் சொல்லுங்கள். மற்ற அனைத்துக்கும், தரவுக் கட்டத்தின் பக்கத்தில் ஒவ்வோர் இன்புட்டும் அவுட்புட்டும் எடுத்துக்காட்டும் உள்ளன.