You can customize any component in Jet Admin and the Table component is not an exception. You can rearrange columns and enable/disable them:
On top of it, you can customize each field individually, for example, change the name of a column or change the field type:
You can enable Search for your table, just enable the flag:
Any table in Jet Admin has the selected row function that can be used to trigger all sorts of actions as well as fetching values from selected records:
Table is an interactive component which means you can bind all different kinds of actions to it. You can configure:
To proceed to the actions, select the table and click on the "Actions" tab:
For the Hover action, you'll need to drill down into an individual column in the column settings (see the "Hover action" section below)
When the Row click action is enabled, the specified action will be executed once a row is clicked. You'll be able to use any value from a selected row in the action. Now, click on it:
The most common use-case for the "Row click" action is drilling down into the record or proceeding to the page with more record-related data (you'll need to use the "Navigate to Page" action type for that). But you are free to use any action type.
The Row check action allows you to execute actions using data from multiple rows. Click on it:
Here's an example of how that might look in the user-mode for when we've set the "Row check" action to change the statuses of the checked rows to "Packed":
Learn how to set up this or other CRUD (Create, Read, Update, Delete) use-cases in the Values section
If you want to add action buttons inside of individual rows, you should use "Row actions"(Inline actions):
As an example, here's the action that fetches the status from the row in which the "Inline action" was clicked and uses it in the notification pop-up:
Header action allows you to set up an action and put the button in the "Header" of the table. By default, all header actions will be hidden in one dropdown button, but you have an option to pin an individual header action for better visibility.
You can create multiple header actions and pin the ones you'd like to see on top:
Here's an example of two header actions in the dropdown and executing the pinned one (downloading the whole list of orders):
Hower action helps set up actions, specific to certain fields or columns. When you hover your mouse over the field, the action, otherwise hidden, will show up.
To access it, select the table and drill down into the column that you want to enable it for:
Then go to the "Actions" tab:
Here's an example of a "Hover action", triggering the modal popup and pushing the Order date there: