mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-09 12:59:12 +08:00
ed455c01d1
* Implement Table.Column and Table.ColumnGroup * Upgrade rc-table
862 B
862 B
order | title | ||||
---|---|---|---|---|---|
17 |
|
zh-CN
方便一页内展示大量数据。
需要指定 column 的 width
属性,否则列头和内容可能不对齐。
en-US
Display large amounts of data in scrollable view.
Specify the width of each column if header and cell do not align properly.
import { Table } from 'antd';
const columns = [{
title: 'Name',
dataIndex: 'name',
width: 150,
}, {
title: 'Age',
dataIndex: 'age',
width: 150,
}, {
title: 'Address',
dataIndex: 'address',
}];
const data = [];
for (let i = 0; i < 100; i++) {
data.push({
key: i,
name: `Edward King ${i}`,
age: 32,
address: `London, Park Lane no. ${i}`,
});
}
ReactDOM.render(
<Table columns={columns} dataSource={data} pagination={{ pageSize: 50 }} scroll={{ y: 240 }} />
, mountNode);