Testoster> value).
- Filters are combined using AND logic by default.

### 3.4 Pagination

Navigate through pages:

- **Next** and **Previous** buttons move one page forward or backward.
- Input a specific page number in the "Go to page" box and press Enter.

### 3.5 Exporting Data

You can export current view (filtered results):

- Click on the "Export" button located above the table.
- Choose format: CSV, JSON, Excel.
- The exported file will contain only visible data according to applied filters.

---

## Common Scenarios & Troubleshooting

| Scenario | What Happened? | Likely Cause | How to Fix |
|----------|-----------------|--------------|------------|
| **Data not displayed** | Table is empty after loading. | 1. Data source might be incorrect or missing.
2. Pagination settings may filter out all rows. | Check the data URL and ensure it returns a valid JSON array. Verify `rowsPerPage` and page number; try increasing rows per page to see if any data appears. |
| **Sorting not working** | Clicking header does nothing. | Sorting disabled or column has no field. | Ensure `sortable: true` is set for the column, and that the column field exists in data objects. |
| **Search shows no results** | No rows appear when searching. | Search term may not match any fields. | Confirm that searchable columns are correctly configured (`searchable: true`) and that the search term matches values in those columns. |
| **Pagination broken** | Next page button disabled, even though more data exists. | Page count miscalculated due to incorrect `pageSize` or filtered data length. | Verify that `pageSize` is set appropriately and that total number of items after filtering matches expectations. |
| **Data updates not reflected** | After updating data array, UI does not refresh. | Data binding might be missing or component needs re-render. | Ensure that you update the observable array correctly (e.g., using `observableArray.valueHasMutated()` in Knockout) so that bindings detect changes. |

Use these troubleshooting steps to identify and resolve common issues with dynamic data tables.

### 5️⃣ Conclusion

You now have a solid foundation for creating flexible, reusable table components. Whether you’re building an admin panel, a dashboard, or any other UI that requires tabular data, this guide equips you with the skills to:

- **Render dynamic columns** based on configuration objects.
- **Handle user interactions**, such as editing cells and selecting rows.
- **Maintain clean separation of concerns** between data, presentation, and logic.

Feel free to experiment further—add sorting, pagination, or even integrate a third‑party grid library for advanced features. Happy coding! ?

---

*If you have any questions or would like to share your own customizations, drop a comment below or reach out on the forum.*