react antd table组件使用笔记

前端工作中选择了antd 的table组件，做一下笔记。

一、安装antd

使用 npm 或 yarn 安装

$ npm install antd --save

$ yarn add antd

二、引用

import { Table } from 'antd';

const { Column } = Table;

此次使用的是 JSX 风格的 API，

这个只是一个描述 columns 的语法糖，不能用其他组件去包裹 Column 和 ColumnGroup。

三、个人使用笔记

首先准备数据：

data=[
    {
        key: '14',
        serialNum: '3', //序号
    },
    ...
]

data数组中，一个元素为一行数据，元素中的属性为一行中需要用的的数据，要什么就放什么。

使用：

<Table
    rowKey={(record) => record.key}
    dataSource={this.state.data}
    size="middle"
    rowClassName={'table-bg-bg-version'}
    locale={
  {