mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 22:26:44 +08:00
673 B
673 B
order | title | ||||
---|---|---|---|---|---|
4 |
|
zh-CN
可以通过设置 List
的 grid
属性来实现栅格列表,column
可设置期望显示的列数。
en-US
Create a grid layout by setting the grid
property of List.
import { List, Card } from 'antd';
const data = [
{
title: 'Title 1',
},
{
title: 'Title 2',
},
{
title: 'Title 3',
},
{
title: 'Title 4',
},
];
ReactDOM.render(
<List
grid={{ gutter: 16, column: 4 }}
dataSource={data}
renderItem={item => (
<List.Item>
<Card title={item.title}>Card content</Card>
</List.Item>
)}
/>,
mountNode,
);