1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
import React from 'react';
import { AdvTable } from 'ba-components';
let counter = 0;
function createData(name, calories, fat, carbs, protein) {
counter += 1;
return {
id: counter,
name,
calories,
fat,
carbs,
protein
};
}
class AdvTableDemo extends React.Component {
state = {
order: 'asc',
orderBy: 'calories',
selected: [],
columnData: [
{
id: 'name',
numeric: false,
disablePadding: true,
label: 'Dessert (100g serving)'
}, {
id: 'calories',
numeric: true,
disablePadding: false,
label: 'Calories'
}, {
id: 'fat',
numeric: true,
disablePadding: false,
label: 'Fat (g)'
}, {
id: 'carbs',
numeric: true,
disablePadding: false,
label: 'Carbs (g)'
}, {
id: 'protein',
numeric: true,
disablePadding: false,
label: 'Protein (g)'
},
],
data: [
createData('Cupcake', 305, 3.7, 67, 4.3),
createData('Donut', 452, 25.0, 51, 4.9),
createData('Eclair', 262, 16.0, 24, 6.0),
createData('Frozen yoghurt', 159, 6.0, 24, 4.0),
createData('Gingerbread', 356, 16.0, 49, 3.9),
createData('Honeycomb', 408, 3.2, 87, 6.5),
createData('Ice cream sandwich', 237, 9.0, 37, 4.3),
createData('Jelly Bean', 375, 0.0, 94, 0.0),
createData('KitKat', 518, 26.0, 65, 7.0),
createData('Lollipop', 392, 0.2, 98, 0.0),
createData('Marshmallow', 318, 0, 81, 2.0),
createData('Nougat', 360, 19.0, 9, 37.0),
createData('Oreo', 437, 18.0, 63, 4.0),
].sort((a, b) => (a.calories < b.calories ? -1 : 1)),
page: 0,
rowsPerPage: 5,
defaultPerPage: 5,
filterText: '',
};
render() {
const {
order,
orderBy,
selected,
data,
page,
rowsPerPage,
defaultPerPage,
filterText,
columnData
} = this.state;
return (
<AdvTable
order={order}
orderBy={orderBy}
selected={selected}
data={data}
page={page}
rowsPerPage={rowsPerPage}
defaultPerPage={defaultPerPage}
filterText={filterText}
columnData={columnData}
/>
);
}
}
export default AdvTableDemo;
|
