Skip to content

T
toiletcoin
Commit 0ee1b091 by Tonk
Options

add remote and current columns

parent dbb203d9
Showing with 124 additions and 16 deletions
src/components/DataTable.js
......@@ -4,22 +4,126 @@ import { CSVLink } from 'react-csv';
import { FaFileCsv } from 'react-icons/fa';
const mockdata = [
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{ site: 'Pichaiyat Building', people: 2670.0, revenue: 17.0, timestamp: '07/31/2019 14:23' },
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
{
site: 'Pichaiyat Building',
people: 2670.0,
revenue: 17.0,
remote: '',
current: '',
timestamp: '07/31/2019 14:23',
},
];
export default class DataTable extends React.Component {
constructor(props) {
......@@ -62,6 +166,8 @@ export default class DataTable extends React.Component {
<td>{item.site}</td>
<td>{item.people}</td>
<td>{item.revenue}</td>
<td>{item.remote}</td>
<td>{item.current}</td>
<td>{item.timestamp}</td>
</tr>
);
......@@ -104,6 +210,8 @@ export default class DataTable extends React.Component {
<th>Site</th>
<th>People</th>
<th>Revenue</th>
<th>Remote</th>
<th>Current</th>
<th>Timestamp</th>
</tr>
</thead>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment