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