UNPKG

zent

Version:

一套前端设计语言和基于React的实现

76 lines (69 loc) 1.09 kB
--- order: 16 zh-CN: title: 表头吸顶 product: 商品 productName: 商品名 uv: 访问量 stock: 库存 soldNumber: 销量 createdTime: 创建时间 en-US: title: Stick Header product: Product productName: Product Name uv: uv stock: stock soldNumber: Number of sold products createdTime: Created Time --- ```jsx import { Grid } from 'zent'; const columns = [ { title: '{i18n.productName}', name: 'name', width: 100, fixed: true }, { title: '{i18n.uv}', name: 'uv', width: 100, fixed: true }, { title: '{i18n.stock}', name: 'stock' }, { title: '{i18n.soldNumber}', name: 'sold_num' }, { title: '{i18n.createdTime}', name: 'created_time', width: 100, fixed: 'right' } ]; const datasets = []; for (let i = 0; i < 5; i++) { datasets.push({ id: i, name: `{i18n.product} ${i}`, uv: 20, stock: 5, sold_num: 5, created_time: '2017-09-20' }) } ReactDOM.render( <div> <Grid columns={columns} datasets={datasets} autoStick scroll={{ x: 1300, y: 200 }} size="large" /> </div> , mountNode ); ```