---
title: DataTables
---

The DataTables module provides specialized table components for displaying data from queries and observable queries.

## Components

- **DataTableForQuery**: For standard queries with pagination
- **DataTableForObservableQuery**: For observable queries with real-time updates

## When to Use

Use DataTableForQuery when:

- You have standard query results
- You need server-side pagination
- Data doesn't need real-time updates

Use DataTableForObservableQuery when:

- You need real-time data synchronization
- Data changes frequently
- You want automatic UI updates

## Common Features

Both table components share:

- Single row selection
- Global filtering
- Custom column templates
- Empty state messages
- PrimeReact Column support

## See Also

- [DataTableForQuery](/components/datatables/data-table-for-query/) - Standard query tables
- [DataTableForObservableQuery](/components/datatables/data-table-for-observable-query/) - Real-time tables
- [Column Configuration](/components/datatables/column-configuration/) - Customizing columns