Ant Design

table

const columns = [
  {
    title: 'Name',         title指的是thead中每个th的显示字段(第一行)
    dataIndex: 'name',
    key: 'name',
    render: text => <a>{text}</a>,
  }

<Table dataSource={dataSource} columns={columns} />;
           //表格数据源 dataSource={dataSource}

           //表头       columns={columns}

DataIndex

• 假设我们dataIndex为name，
• 那么我们在table的dataSource中指定的每一个数据中，都必须包含有name为key的对象
• 而显示出的数据就是相应key对应的数据
• 假设我们的数据结构更为复杂一些，例如name: {firstname: 'Eagle', lastname: 'Luo'}，那么我们需要将dataIndex改为name.firstname或name.lastname来获取下一层级的数据。