iview基础知识1——表格中某个单元格内容过多使用省略号

1.有链接
{
title：’名称’，
key：’name’，
ellipsis：true，
render：（h，params）=> {
return h（’a’，{
attrs：{title：params.row.name} ，
on：{click :(）=> {
this.$ router.push（{name：’跳转页面路由的名字’，params：{type: ‘传给跳转页面的参数’}})
}}
}，params.row.name)
}}
2.无链接
{
title：’名称’，
key：’name’，
ellipsis：true，
render：（h，params）=> {
return h（’span’，{
attrs：{title：params.row.name}
}，params.row.name)
}}
3.多行数据，每行过多使用省略号
{
title：’名称’，
key：’name’，
ellipsis：true，
render：（h，params）=> {
return h（’span’，{
style: {
diaplay: ‘inline-block’,
width: ‘100%’,
overflow: ‘hidden,’
textOverflow: ‘ellipsis’,
whiteSpace: ‘nowrap’
}
}，params.row.name)
}}
注：
1. 控制文本不换行
white-space: nowrap;
2. 超出长度时，出现省略号
overflow:hidden;
text-overflow:ellipsis
3. 修改表格布局算法
table-layout:fixed;可以设置表格宽度
table-layout的默认值为automatic