表格

const columns = [
    {
        title: intl.get('entity.employee.employeeCode').d('员工编码'),
        dataIndex: 'employeeCode',
    },
    {
        title: intl.get('entity.employee.name').d('员工姓名'),
        dataIndex: 'name',
        width: 150,
    },
    {
        title: intl.get('hzero.common.button.action').d('操作'),
        dataIndex: 'operator',
        width: 100,
        fixed: 'right', // 操作列一般要固定在表格右侧
        render: (_, record) => (
          <span className="action-link">
            <a onClick={() => this.changeDetail(record)}>
              {intl.get('hwfp.task.view.option.deal').d('办理')}
            </a>
          </span>
        ),
    },
];

<Table
    bordered
    rowKey="employeeId"
    loading={loading}
    dataSource={dataSource} // 表格的数据源
    pagination={userPagination} // 表格分页
    columns={columns} // 表格列
    scroll={{ x: tableScrollWidth(columns) }}
    onChange={this.onTableChange} // 表格分页onChange事件
/>