1.0.4 • Published 5 years ago
rctable2 v1.0.4
rctable2
react table ui
install
npm install rctable2 --save
Usage
import {Table} from 'rctable2'
const columns = [
{
title:'Name',
dataIndex:'name',
index:'name',
align:'center',
width:100,
onCell : (record) => {
return {
onClick:(e) => {
console.log(e,record);
}
}
},
},{
title:<div>Major</div>,
dataIndex:'major',
index:'major',
align:'center',
width:200,
onCell : (text,record) => {
return {
onClick:(e) => {
console.log(e);
}
}
},
},{
title:'Class',
dataIndex:'class',
index:'class',
align:'center',
width:100,
onCell : (record) => {
return {
onClick:(e) => {
console.log(e);
}
}
},
sort:(a,b) => a - b,
},{
title:'Id',
dataIndex:'id',
index:'id',
align:'center',
width:100,
sort:(a,b) => a.id - b.id,
}
]
const data = [
{
name:'Ben',
id:1,
major:'Physic',
class:'1414'
},
{
name:'Alice',
id:3,
major:'Physic',
class:'1414'
},
{
name:'Jone',
id:2,
major:'Physic',
class:'1414'
}
]
<Table
rowClass = {(index) => `index${index}`}
className = 'table-test-class'
hideFilter = {true}
pagination = {{pageSize:2}}
columns = {columns}
data = {data}
onChange = {(record,pagination,filter) => {
console.log(record,pagination,filter);
}}
onRow = {(record) => {
return {
onClick:(e) => {
console.log('row');
}
}
}}/>
API
Name | Type | Default | Description |
---|---|---|---|
columns | Object[] | [] | The columns config of table, see table below |