Creative Tim  |  Docs

Sales Table

PRO

The SalesTable component helps you to simply create a beautiful table for show small amount of 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

// Soft UI Dashboard PRO React examples import SalesTable from "examples/Tables/SalesTable";
Sales by Country
united state
country:united state
sales:2500
value:$230,900
bounce:29.9%
germany
country:germany
sales:3.900
value:$440,000
bounce:40.22%
great britain
country:great britain
sales:1.400
value:$190,700
bounce:23.44%
brasil
country:brasil
sales:562
value:$143,960
bounce:32.14%

Props Information

NameTypeDefaultDescription
title*stringUsed to set the title of the table, its a required prop.
rowsarray[{}]Used to set the table data.

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 or data.

The columns name are based on the keys of objects inside the rows array

Contents