列参数:
export interface Column {
title: string;
width?: number;
dataIndex?: string;
fixed?: string;
ellipsis?: boolean;
defaultSortOrder?: string;
sorter?: any;
align?: string;
sortOrder?: string | boolean;
render?(text?: number | string, record?: any, index?: number): void;
}
const columns: Column[] = [
{
title: '操作',
width: 50,
ellipsis: true,
align: 'center',
fixed: 'left' as any,
render: (text: any, record: any) => {
return (
........
);
}
},
table表格设置:
<Table
loading={loadingPageFlag}
columns={columns}
scroll={{ x: 600 }} /*滚动距离太大的话就不能按照设置列宽度的那样,会有出入,这个值按照情况设置*/
dataSource={pageDatas}
rowKey="id"
rowSelection={rowSelection()}
onChange={handleTableChange}
pagination={{ pageSize: PageSize }}
/>
发现如果设置的scroll太大的话,比如我的之前设置为1600,发现如下图所示:这一列设置的是50,但是实际宽度超出50,
后来将scroll改为600后可以了