Telerik Kendo UI网格列标题额外线在顶部

Question

我有一个Kendo UI Grid，其标题在网格上方添加了一个额外的空白行，我真的想摆脱它。请参见下图：

为网格设置以下设置：

filterable: true,
sortable: true,
resizable: true,

根据文档：

，添加了以下CSS以获取要包装的列标题文本

.k-grid .k-grid-header .k-header .k-link { height: auto; }
.k-grid .k-grid-header .k-header { white-space: normal; }

Answer 1

我曾遇到过类似的问题。为列标题添加 vertical-align 属性可以解决这个问题。

headerAttributes: { style: "text-align:center; vertical-align:top;" }

你可以尝试一下，看看它是否适合你。

Answer 2

我面临同样的问题。将此添加到我的css文件修复了问题。

.k-grid-header 
{
    padding-right: 0 !important;
}

Answer 3

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
    vertical-align: top;
    background-color: #cce0ff;
}

.k-header .k-link {
    text-align: center;
}