Skip to main content

Table Component

The Table component is a powerful and flexible tool that helps you quickly access and manage information with ease.

Table

The table includes several helpful actions in the navbar to enhance your experience.

Table Helpers

🔍 Search​

Click the search icon to reveal a text field. Type what you're looking for, and only the rows that contain your search term will remain visible, while others will be hidden.

Search

📥 Download CSV​

Click this button to download the filtered data as a CSV file. You can open it in Microsoft Excel, Google Sheets, or other spreadsheet applications.

🖨 Print​

This button converts the filtered data into a PDF file and downloads it.

📑 View Columns​

If some columns are not relevant to you, you can hide or show them as needed. Clicking this button opens a list of checkboxes. Keep a column checked to display it, or uncheck it to hide it.

View Columns

🎛 Filter Table​

Filter rows based on specific values from the table.

For example, in an employee table, if you want to see only employees in the IT department:

  1. Click the Filter Table icon.
  2. Select "IT" from the Department dropdown.
  3. The table will now display only IT employees.

Filter Table

In the footer, you can:

  1. Change the number of rows displayed (default is 10).
  2. Navigate between pages to browse more data.

Footer