【问题标题】:Remove borders from Kendo Grid从剑道网格中删除边框
【发布时间】:2013-10-21 20:33:45
【问题描述】:

我有一个带有工具栏和寻呼机的 Kendo Grid,我正在尝试从与这些项目关联的网格中删除边框。所以我只希望边框围绕网格本身,从列标题的顶部到滚动条结束的网格底部。有人可以就如何做到这一点提供一些建议或示例吗?

jsfiddle.net/S6d7M/39/ 因此,当我这样做时,我希望仅在网格内容上保留左右边框,以便顶部按钮和底部寻呼机的内容不会被边框包围。

【问题讨论】:

  • 最好的方法是在你的开发工具中使用选择器元素,选择你的项目。应该给你类来改变CSS。例如。我已经完成了 input.k-textbox { color: #FFFFFF !important; } 用于可编辑的输入文本。如果您修改代码,我可以在这方面为您提供更多帮助。

标签: html css kendo-ui kendo-grid


【解决方案1】:

要移除标题周围的边框,请定义以下 CSS 样式

#grid thead th {
    border: 0 !important;
}

您要移除寻呼机周围的哪些边框?

尝试:

#grid .k-grid-pager, #grid .k-grid-header {
    border: 0 !important;
}

【讨论】:

  • 如果你看这个fiddle,你可以看到左边框延伸到header和pager jsfiddle.net/S6d7M/39
  • 对!您没有将 border-left 定义为 0。
  • 我这样做只是为了向您展示结果如何。如果您将border-left 设置为0,那么左侧将根本没有线条。我仍然想要从列标题到网格最后一行的线。
  • 尝试添加.k-grid-header .k-header:first-child { border-left-width: 1px; }
  • 好的。这适用于标题的左侧。我能够获得具有相同概念的网格行。你知道如何获取标题和网格右侧的边框吗?我认为这与滚动条有关。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-07-28
  • 1970-01-01
相关资源
最近更新 更多