Telerik Kendo UI 网格列标题顶部有额外的行答案

【问题标题】：Telerik Kendo UI Grid Column Headers Extra Line on TopTelerik Kendo UI 网格列标题顶部有额外的行
【发布时间】：2015-02-26 17:10:36
【问题描述】：

我有一个 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; }

【问题讨论】：

标签： kendo-ui telerik kendo-grid

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

我遇到了完全相同的问题。将此添加到我的 css 文件中解决了这个问题。

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

【讨论】：

【解决方案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;
}

【讨论】：