由于刚转react有很多东西不熟悉,没少踩坑
开一个系列,日常开发踩到的坑扔到这里
希望对各位新手能有所帮助
今日一坑,ant design table组件fiexd失效,width失效
fiexd失效width失效的情况
const columns = [{
fixed: 'right',
title: '创建时间',
dataIndex: 'createdAt',
key: 'createdAt',
width: 200
},
{
title: '创建人',
dataIndex: 'createdByName',
key: 'createdByName',
width: 170
}]
<Table
columns={columns}
dataSource={data}
bordered
/>
解决方案
添加scroll属性,并设置x,y的值,x,y的值可以为纯数字也可以为百分数字符串
<Table
columns={columns}
dataSource={data}
scroll={{
x: 2000,
y: 500,
}}
bordered
/>