Kendo ui Telerik Kendo用户界面网格列标题顶部额外一行

Kendo ui Telerik Kendo用户界面网格列标题顶部额外一行,kendo-ui,telerik,kendo-grid,Kendo Ui,Telerik,Kendo Grid,我有一个剑道UI网格,其标题在网格上方添加了一个额外的空行,我真的很想去掉它。见下图: 将为栅格设置以下设置: 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;

我有一个剑道UI网格,其标题在网格上方添加了一个额外的空行,我真的很想去掉它。见下图:

将为栅格设置以下设置:

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

我曾经有过类似的问题。为列标题添加垂直对齐属性为我解决了这个问题

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

你可以试试这个,看看它是否也适合你。

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

.k-grid-header 
{
    padding-right: 0 !important;
}
.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;
}