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