import ProTable from '@ant-design/pro-table'; const defaultColumnsState = { name: { show: true, fixed: 'left' }, age: { show: true }, address: { show: false }, }; const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', fixed: 'left' }, { title: '年龄', dataIndex: 'age', key: 'age' }, { title: '地址', dataIndex: 'address', key: 'address' }, ]; const dataSource = [ { name: '张三', age: 23, address: '北京市海淀区' }, { name: '李四', age: 24, address: '上海市浦东新区' }, { name: '王五', age: 25, address: '广州市天河区' }, ]; export default () => { return ( <ProTable columns={columns} dataSource={dataSource} defaultColumnsState={defaultColumnsState} onColumnsStateChange={(state) => { console.log('columns state:', state); }} /> ); }; defaultColumnsState赋值不生效
时间: 2024-04-27 09:19:19 浏览: 118
看起来代码中的 `defaultColumnsState` 赋值没有生效的原因可能是由于 `columns` 数组中的固定列属性(`fixed`)与 `defaultColumnsState` 的配置不一致导致。在 `columns` 数组中,`name` 列设置了 `fixed: 'left'`,但是在 `defaultColumnsState` 中只是将 `name` 列设置为了显示。可以尝试将 `defaultColumnsState` 中的 `name` 列设置为 `{ show: true, fixed: 'left' }`,并再次运行代码验证一下。
阅读全文