想使用vben框架下的BasicTable,并且使用expandedRowRender插槽,内嵌一个子表。
发现写好后,表格没有横向滚动条,看BasicTable代码发现,使用扩展插槽会过滤scroll属性,导致无法出现横向滚动条。
if (slots.expandedRowRender) {
propsData = omit(propsData, 'scroll');
}
注释这个代码后,滚动条会出现,但是ant-desgin会报错 `expandedRowRender` and `scroll` are not compat
为了解决这个warning,只好找其他方法,让滚动条出现。
需改Table样式+固定列宽
:deep(.ant-table-body) {
overflow: auto;
}
//并且将所有列宽度固定,否则会丢失列
export const columnsHeader = [
{
title: '姓名',
dataIndex: 'n',
width: 150,
},
{
title: '地址',
dataIndex: 'a',
width: 550,
},
{
title: '电话',
dataIndex: 'b',
width: 150,
},
{
title: '归属地',
dataIndex: 'c',
width: 150,
},
];

3000

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



