[ant-design-vue]ant-design-vue的table列宽设置问题

table表格宽度问题



 
 
table 



Month Savings
Januarsfasfdasfdafdasdfy $100
February $80

设置列宽都是100,希望当文字过长时隐藏,或者省略号显示,但是td被撑开,无法实现设定宽度

[ant-design-vue]ant-design-vue的table列宽设置问题_第1张图片

网上提供的解决方案:

1.方法1

table-layout: fixed;

tr,td {
	white-space: nowrap;
 	text-overflow: ellipsis;
 	word-break: break-word;
 	overflow: hidden;
}

无效
主要原因发现是table没有给定宽度,所以fixded的列调整列宽存在问题

[ant-design-vue]ant-design-vue的table列宽设置问题_第2张图片
[ant-design-vue]ant-design-vue的table列宽设置问题_第3张图片

你可能感兴趣的:(VueJs,vue.js)