Skip to content

Table

Learn about the powerful and flexible table component in DATAMIMIC UI that provides advanced features for data display and manipulation.

General Overview

The table component is designed to handle large datasets efficiently while providing a rich set of features for data manipulation and visualization. It supports various data formats and offers a comprehensive set of tools for data filtering, sorting, and pagination.

Note

The table component is optimized for handling large datasets and provides real-time updates for all operations.

Table Overview
Table Overview

Main Components

Tool Bar

The toolbar contains various controls for table manipulation including:

  • Global search bar for quick data filtering
  • Column visibility toggles
  • Reset column size
  • Other table manipulation tools

Important

The global search operates independently from column filters. Resetting column filters will not clear the global search input.

Tool Bar
Tool Bar with Search

Pagination Bar

Located at the bottom of the table, the pagination bar provides controls for navigating through data pages and adjusting the number of rows displayed.

Note

The pagination state is preserved when applying filters or performing searches.

Pagination Bar
Pagination Bar

Features

The global search feature allows you to quickly find data across all columns:

  • Search across all columns within the current page
  • Search by specific ID or any other column value
  • Real-time filtering as you type
  • Works in combination with column filters
  • Case-insensitive search by default

Important

Global search only searches within the current page's data. To search across all data, use column filters instead.

Global Search
Global Search

Column Filtering

Column filtering provides precise control over your data:

  • Filter data by individual columns
  • Combine multiple column filters
  • Apply filters to specific columns while keeping others unfiltered

Tip

You can apply multiple filters to different columns simultaneously to narrow down your search results.

Column Filtering
Column Filtering

Column Sorting

Sort your data efficiently with the following options:

  • Sort columns in ascending or descending order
  • Multi-column sorting support
  • Visual indicators for sort direction
  • Sort priority indicators for multi-column sorting

Note

Not all columns are sortable. Look for the sort icon in the column header to identify sortable columns.

Column Sorting
Column Sorting

Column Visibility

Control which columns are displayed in your table:

  • Toggle individual column visibility
  • Quick access to show/hide all columns
  • Save column visibility preferences
  • Visual indicators for hidden columns
  • Restore default column visibility

Note

Hidden columns are still available in the data and can be shown again at any time. Your column visibility preferences are saved between sessions.

Column Visibility
Column Visibility Controls

Column Resizing

Adjust column widths to your preference:

  • Drag column edges to resize
  • Double-click to auto-fit content
  • Reset all column sizes to default
  • Minimum and maximum width constraints
  • Visual feedback during resizing

Note

Column resizing is temporary by default. Use the save preferences option to persist your column sizes.

Column Resizing
Column Resizing

Pagination Features

Navigate through your data with ease:

  • Navigate between pages (next, previous)
  • Jump to first/last page
  • Direct page number input
  • Adjust rows per page with options:
  • 10 rows
  • 15 rows
  • 20 rows
  • 30 rows
  • 50 rows
  • 80 rows
  • 100 rows
  • Total records count display
  • Current page information
  • Page size selection dropdown

Note

Changing the number of rows per page will reset to the first page to ensure consistent data display.