Table
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
// Vision UI Dashboard React examples
import Table from "examples/Tables/Table";
// Vision UI Dashboard React components
import VuiBox from "components/VuiBox";
// Vision UI Dashboard PRO React components
import VuiBadgeDot from "components/VuiBadgeDot";
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.