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 سے جڑی ہوئی | ہر کالم پر ایک شرط |
| سیٹ، ملٹی اور ایڈوانسڈ فلٹرز | 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)]، کالموں کی ids کی ایک فہرست۔ گروپس شروع میں کھلے ہوتے ہیں؛ [(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 ایکسپورٹ، فوری تلاش اور ایک سے زیادہ قطاروں کا انتخاب۔ AG Grid 36 کے ساتھ، جہاں گروپنگ، ٹوٹلز اور Excel ایکسپورٹ کے لیے Enterprise ضروری ہے:
Needless UI گرڈ کے ساتھ:
کچھ چیزیں مختلف طریقے سے کام کرتی ہیں۔ انتخاب میں کلیدیں، یعنی قطاروں کی ids، محفوظ ہوتی ہیں، اس لیے نیا ڈیٹا آنے پر بھی انتخاب برقرار رہتا ہے؛ جب آپ کو قطاریں درکار ہوں تو کلیدوں کی مدد سے متعلقہ قطاریں نکال لیں۔ گروپس شروع میں کھلے ہوتے ہیں۔ گروپ کا لیبل پہلے نظر آنے والے کالم میں ہوتا ہے، اور تلاش صرف نظر آنے والے کالموں میں کی جاتی ہے، اس لیے اگر تلاش کو اس کالم سے بھی میچ کرنا ہو جس کے لحاظ سے گروپ کیا گیا ہے، تو اسے نظر آنے دیں۔ اور exportXlsx() فائل ڈاؤن لوڈ کرنے کے بجائے اسے واپس کرتا ہے: فلٹر اور سارٹ شدہ قطاروں کی ایک شیٹ، گروپ قطاروں کے بغیر۔
اگر آپ کو وہ چاہیے جو ابھی موجود نہیں
اگر آپ کی ایپ پیوٹنگ، چارٹس، کلپ بورڈ اور رینج کے انتخاب، سرور پر گروپنگ یا کالم گروپس پر انحصار کرتی ہے تو Needless UI گرڈ ابھی AG Grid کی جگہ نہیں لے سکتا۔ جو آپ کو چاہیے، اس کے لیے ایشو کھولیں۔ باقی ہر چیز کے لیے ڈیٹا گرڈ کے صفحے پر ہر ان پٹ، آؤٹ پٹ اور مثال موجود ہے۔