protable 设置每一列的宽度

在Protable中，可以使用columnWidth属性来设置每一列的宽度。columnWidth属性接受一个数组，数组中的每个元素对应表格中每一列的宽度。

例如，如果想要设置第一列的宽度为100px，第二列的宽度为200px，可以这样写：

const columns = [
  { title: '列1', dataIndex: 'col1', key: 'col1', width: 100 },
  { title: '列2', dataIndex: 'col2', key: 'col2', width: 200 },
];

const data = [
  { col1: '数据1', col2: '数据2' },
  { col1: '数据3', col2: '数据4' },
];

<Table columns={columns} dataSource={data} />

如果想要设置每一列的宽度为相同的值，可以使用fixed属性来固定列宽，然后使用width属性来设置宽度值。

const columns = [
  { title: '列1', dataIndex: 'col1', key: 'col1', width: 100, fixed: 'left' },
  { title: '列2', dataIndex: 'col2', key: 'col2', width: 100 },
  { title: '列3', dataIndex: 'col3', key: 'col3', width: 100 },
  // ...更多列
];

const data = [
  { col1: '数据1', col2: '数据2', col3: '数据3' },
  { col1: '数据4', col2: '数据5', col3: '数据6' },
  // ...更多数据
];

<Table columns={columns} dataSource={data} scroll={{ x: 300 }} />

在上面的例子中，第一列的宽度固定为100px，其他列的宽度也会自动调整为100px，如果表格的宽度超过300px，会出现横向滚动条