• 表格

    普通表格

    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事件
    />
    

    行内编辑表格