Table - Argon
The Table
component helps you to simply create a beautiful table for your data.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Argon Dashboard 2 MUI Examples
import Table from "examples/Tables/Table";
// Argon Dashboard 2 MUI Components
import ArgonBox from "components/ArgonBox";
// Argon Dashboard 2 PRO MUI components
import ArgonBadgeDot from "components/ArgonBadgeDot";
NAME | FUNCTION | REVIEW | EMPLOYED | |
---|---|---|---|---|
Props Information
Name | Type | Default | Description |
---|---|---|---|
columns | array | [] | Used to set the table columns. |
rows | array | [{}] | Used to set the table rows. |
It should be mentioned that if you want to display an image in a column you should define the column data in an array
that contains the image and data of the column, the first element of the array
should be the image and the second element of the array
should be the data.
You can also pass nodes
for the keys insides the objects of the rows prop.