2.0.4 • Published 7 years ago
react-flex-grid v2.0.4
react-table
React table
Demo & Examples
npm install
npm run watch
Installation
npm install react-flex-grid --save
Usage
import Grid from 'react-flex-grid';
import 'react-flex-grid/dist/grid-design.css';
const tableConfig = {
classNames: {
headerRowClass: "tableHeading",
tbodyRowClass: "tableRow",
tbodyColClass: "tableCol",
tableName: "Flex_Table"
},
columns: [
{
"id": "ipAddress",
"name": "IP Address",
"options": {
"valueParam": "ipAddress"
},
"style": {
"columnStyle": {
"width": 100
},
"headerStyle": {},
"dataStyle": {}
}
},
{
"id": "installedVersion",
"name": "Installed Version",
"options": {
"valueParam": ["otherInfo", "version"]
},
"sortData":true,
"columnType": "Number", //By default it will take "String" type for sorting
"style": {
"columnStyle": {},
"headerStyle": {},
"dataStyle": {}
}
},
{
"id": "machineDetails",
"name": "Machine Details",
"options": {
"valueParam": ["machineDetails", "displayText"],
"sortingKey": ["machineDetails", "value"]
},
"sortData":true,
"columnType": "Number", //By default it will take "String" type for sorting
"style": {
"columnStyle": {},
"headerStyle": {},
"dataStyle": {}
}
}
]
};
const tableStyle = {
"table": {},
"trStyle": {
"borderBottom": "1px solid #cccccc",
"padding": "10px 0"
},
"tBodyRowstyle": {
"fontSize": "13px",
"alignItems": "center"
},
"tHeadRowStyle": {},
"thStyle": {
"textAlign": "left"
},
"tdStyle": {
"textAlign": "left"
}
};
const tableData = [{"ipAddress": "192.168.1.1", "otherInfo": {"version": "53"},"machineDetails":{"displayText": "machine 1","value":4}},
{"ipAddress": "192.168.1.3", "otherInfo": {"version": "45"}, "machineDetails":{"displayText": "machine 2","value":60}}];
<Grid
options={tableConfig}
style={tableStyle}
data={tableData}/>
2.0.4
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.1.26
7 years ago
1.1.25
7 years ago
1.1.24
7 years ago
1.1.23
7 years ago
1.1.22
7 years ago
1.1.21
7 years ago
1.1.20
7 years ago
1.1.19
7 years ago
1.1.18
7 years ago
1.1.17
7 years ago
1.1.16
8 years ago
1.1.15
8 years ago
1.1.14
8 years ago
1.1.13
8 years ago
1.1.12
8 years ago
1.1.11
8 years ago
1.1.10
8 years ago
1.1.9
8 years ago
1.1.8
8 years ago
1.1.7
8 years ago
1.1.6
8 years ago
1.1.5
8 years ago
1.1.4
8 years ago
1.1.3
8 years ago
1.1.2
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.18
8 years ago
1.0.17
8 years ago
1.0.16
8 years ago
1.0.15
8 years ago
1.0.14
8 years ago
1.0.13
8 years ago
1.0.12
8 years ago
0.0.6
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago