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;
}