javascript - 删除剑道网格标题边框

Question

我必须在剑道网格标题上应用特定样式。我遇到过

headerAttributes

在我尝试在这里使用的剑道文档中，使背景变白，字体达到要求，但我无法删除标题附带的边框。任何人都可以帮助我实现相同的想法。包括我创建的用于演示类似案例的道场

http://dojo.telerik.com/OXUTE

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

提前致谢

Answer 1

这不是很漂亮...因为边框都属于不同的元素并且右上角的灰色 Angular 需要消失，但这有效:

.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

它向页眉添加一个与背景颜色相同的边框，然后将边距设置为 -1 像素，以便边框位于网格边框的顶部。否则，您必须弄清楚如何只移除顶行的网格左/右边框部分，而不将其从网格的其余部分移除。

它还强制右填充为 0 以摆脱灰色 block 。

它有效……但我觉得很脏。

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

除了修改标题行的边框，另一种方法是完全隐藏标题并用您想要的样式标签“替换”它，即:

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

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