1. import { Table } from 'uskin';
    3. const column = [{
    4.   title: 'ID',
    5.   width: '150px',
    6.   key: 'id',
    7.   dataIndex: 'id',
    8. }, {
    9.   title: 'Category',
    10.   width: '120px',
    11.   key: 'category',
    12.   dataIndex: 'category',
    13. }, {
    14.   title: 'Level',
    15.   key: 'level',
    16.   dataIndex: 'level',
    17. }, {
    18.   title: 'Price',
    19.   key: 'price',
    20.   dataIndex: 'price',
    21. }, {
    22.   title: 'Double Price',
    23.   key: 'double_price',
    24.   render: (col, item) => (<div style={{ color: '#f78913' }}>{item.price * 2}</div>),
    25. }];
    27. const data = [{
    28.   id: 1,
    29.   category: 'Micro-1',
    30.   level: 'First Level',
    31.   price: '0.056',
    32. }, {
    33.   id: 2,
    34.   category: 'Standard-3',
    35.   level: 'Second Level',
    36.   price: '0.444',
    37. }, {
    38.   id: 3,
    39.   category: 'Micro-2',
    40.   level: 'Third Level',
    41.   price: '0.056',
    42. }, {
    43.   id: 4,
    44.   category: 'Standard-2',
    45.   level: 'Fourth Level',
    46.   price: '0.444',
    47. }];
    49. ReactDOM.render(<div>
    50.   <Table
    51.     column={column}
    52.     data={data}
    53.     dataKey={'id'}
    54.     checkbox={true}
    55.     striped={true}
    56.     hover={true}/>
    57. </div>, mountNode);