解决ant 文字超过table td宽度隐藏 ,表头固定后有多余空白问题!
首先ant 自带api ellipsis:true 为文字超出表格宽度隐藏,
但实际给了width宽度却不起作用
这里文字后并没有…而且宽度是自适应,这里需要给全局样式加上
`javascript
.ant-table-fixed-left table,
.ant-table-fixed-right table {
width: min-content;
}
这里转自网络`` 感谢作者暂时找不到链接了~
加上以后出现了… 但是问题接着就来了如图:
设置fixed 并且给了宽度以后 固定表格下会有空白列 是之前自适应的宽度
解决方法:
<a-table
:columns="columns"
:dataSource="dataSource"
rowKey="id"
bordered
size="middle"
:scroll="{ x: 1, y: 600 }"
:pagination="ipagination"
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@change="handleTableChange"
>
给 :scroll设置{ x: 1}" 这里 给X 一个固定的值即可 不要写100% 或者 true
解决问题!
有什么不懂可以给我留言探讨!
实际项目遇到的问题,记录一下 让自己的记忆更深刻!