删除kendo网格标题边框

Question

我必须在kendo网格标题上应用特定样式。我确实碰到过

  

headerAttributes

在我尝试使用的kendo文档中使背景变白并且字体符合要求，但我无法删除标题附带的边框。任何人都可以帮助我实现相同的想法。包括我为展示类似案例而创建的道场

http://dojo.telerik.com/OXUTE

编辑：这是我正在寻找的最终结果

提前致谢

Answer 1

这不太漂亮......因为所有属于不同元素的边框和右上角的灰色角落都需要消失，但这样做有效：

.k-grid-header-wrap {
  border: 0;
}
.k-grid-header {
  padding-right: 0px !important;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #fff;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #fff;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #fff;
  margin-left: -1px;
  margin-top: -1px;
  margin-right: -1px;
}

http://dojo.telerik.com/@Stephen/ErORO

它为标题添加了与背景颜色相同的边框，然后将边距设置为-1px，使边框位于网格边框的顶部。否则，您必须弄清楚如何仅删除网格顶部行左/右边框的一部分，而不将其从网格的其余部分中删除。

它还强制右边填充为0以消除灰色块。

它有效...但我感觉很脏。

更新......我正在考虑更多

不是将标题行中的边框黑客攻击，而是另一种方法是完全隐藏标题并替换＆＃34;它有一个你喜欢的标签，即：

.k-grid-header
{
    height: 0;
    border-bottom-width: 0;
    display: none;
    overflow: hidden;
}

http://dojo.telerik.com/@Stephen/UWoZU