ant design pro最常用的组件Table

前段开发心得体会（基于react 开发的）

Table

import { Table } from 'antd';

从 ant design 中引入Table组件

表格（table）最容易出现的问题

没有 key 值 对应 解决办法：

rowKey={record => record.id}

一些常用的属性

bordered  表格边框
loading={loading}  
columns={columns}  表头
dataSource={data}  表数据
pagination={false}   页脚
rowSelection  可选

onChange={} 监听函数 在改变页脚 表头排序 的时候常用

columns

通俗的讲，就是表头的数组
最基础的 写法：

const columns = [
      {
        title: '成员姓名',
        dataIndex: 'name',
        key: 'name',
        width: '20%',
      },
]
dataIndex 与 dataSource={data} 中的  data 字段 相关联
key 一般与 dataIndex 一样
可以设置长度 和  样式

进阶写法 
const columns = [
      {
       title: <div>
          <span>我是姓</span>
          <span>我是名</span>
        </div>,
        key: 'name',
        width: '20%',
        render: (text, record) => <div>
          <span>record.xing</span><br />
          <span>record.ming</span>
        </div>
      },
]

好了今天就先写这么多，我也是刚入门的菜鸟，不足之处，多多指正。