如图这是我表格的一行,使用传统的办法:
table{
table-layout: fixed; ==>固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。
假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% (注意:此样式是关键)
}
td{
white-space: nowrap; ==>设置内容抵达容器边界会不会转到下一行
overflow: hidden; ==>不显示超过对象尺寸的内容(这个绝对不能少),也就是说设置td里面的数据无论有多少,都不会换行
text-overflow: ellipsis; ==>将被隐藏的那部分用省略号代替。
}
这样是不行的,该怎么做呢,要做出这个样子
el-table
有一个cell-class-name的属性,就是用来添加自定义类名的