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数组中,一个元素为一行数据,元素中的属性为一行中需要用的的数据,要什么就放什么。

使用:

 record.key}
    dataSource={this.state.data}
    size="middle"
    rowClassName={'table-bg-bg-version'}
    locale={
  {

你可能感兴趣的:(react,antd,reactjs,javascript,前端)