Table

示例

Default

姓名	年龄	住址
胡彦斌	32	西湖区湖底公园1号
胡彦祖	42	西湖区湖底公园1号

• 1

代码

import Table from '.'

export default function TableDemo() {
  const dataSource = [
    {
      key: '1',
      name: '胡彦斌',
      age: 32,
      address: '西湖区湖底公园1号',
    },
    {
      key: '2',
      name: '胡彦祖',
      age: 42,
      address: '西湖区湖底公园1号',
    },
  ]

  const columns = [
    {
      title: '姓名',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: '年龄',
      dataIndex: 'age',
      key: 'age',
    },
    {
      title: '住址',
      dataIndex: 'address',
      key: 'address',
    },
  ]

  return (
    <div className="demo-container">
      <h3>Default</h3>
      <div className="demo-row">
        <Table
          style={{ width: '100%' }}
          dataSource={dataSource}
          columns={columns}
        />
      </div>
    </div>
  )
}

API