直接上代码吧 ,针对描述这一列,如果字数超出单元格,则显示省略号…
{title: '描述', key: 'describe',
render:(h, params) => {
return h('div', [
h('span', {
style: {display: 'inline-block',
width: '100%',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'},
domProps: {title: params.row.describe},
on:{click:(e) => { e.stopPropagation();}}
}, params.row.describe)
]);
} },
一些注释:
- 控制文本不换行
white-space: nowrap; - 超出长度时,出现省略号
overflow:hidden;
text-overflow:ellipsis - 修改表格布局算法
table-layout:fixed;可以设置表格宽度
table-layout的默认值为automatic