kendo grid标题超出部分显示省略号

kendo grid标题超出部分显示省略号,为table设置样式

[role="grid"]/* header + data table */
{ table-layout: fixed; }

超出一行显示省略号

.line-limit-one {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; //文本不换行,这样超出一行的部分被截取,显示...
}

超出多行显示省略号

.line-limit-multiple { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

你可能感兴趣的:(Kendo,UI,学习)