操作列右侧固定。在列很少情况下出现重复问题
对于没有bordered边框解决方案
{
title: '编号',
dataIndex: 'id',
sorter: true,
width: 100,
align: 'left',
render: text => text || '-'
},
{
title: '用户姓名',
dataIndex: 'realName',
sorter: true,
width: 200,
align: 'left',
render: text => text || '-'
},
{
title: '' //此处添加一个空列,让此列去自适应一行宽度(或者直接上个不设置固定宽度)
},
{
title: '编辑',
key: 'action',
width: 300,
fixed: 'right',
align: 'center',
render: record => {
return ... //省略
}
}
效果如下,空列自适应宽度,
分析原因: Table的 fixed 会单独重写一个table结构,在列少的情况下,原table的列会展示出来,本菜鸟没找到因为啥这样,只能加个假列,有bordered表格还没有解决办法,如有大神知道本质原因 ,麻烦告知。
转载:https://blog.youkuaiyun.com/web_yueqiang/article/details/89245439
本文介绍了一种解决在列较少情况下,Table组件中操作列右侧固定导致的重复显示问题的方法。通过添加一个自适应宽度的空列,避免了fixed属性带来的额外table结构重写,确保了操作列的正确显示。
769

被折叠的 条评论
为什么被折叠?



