This sample demonstrates the integration of the Data Grid component to showcase data population based on the created filters using the Query Builder component.
Task ID | Name | Category | Invoice No | Status | Serial No |
|---|---|---|---|---|---|
| 1 | Lenovo Yoga | Laptop | INV-2878 | Assigned | CB27932009 |
| 3 | Apple MacBook | Laptop | INV-2763 | In-repair | CB35628728 |
| 4 | Lenovo ThinkPad | Laptop | INV-2980 | Pending | CB56209872 |
| 5 | Dell Inspiron | Laptop | INV-3782 | Assigned | CB56289036 |
| 6 | HP Pavilion | Laptop | INV-2712 | Assigned | CB56289305 |
| 7 | Asus ZenBook | Laptop | INV-0984 | Pending | CB25637891 |
| 8 | HP EliteBook | Laptop | INV-2561 | Ordered | CB27819726 |
| 9 | Apple MacBook Air | Laptop | INV-8970 | Pending | CB05262880 |
This sample illustrates how to integrate the Data Grid component with the Query Builder. The Data Grid component will be refreshed while editing the filters in Query Builder.
More information about Query Builder can be found in this documentation section.