仅在分层 Kendo Ui Grid 的列标题中显示垂直网格线

Question

我的要求如图所示。每个分层网格都包含实际数据，其标题“Nancy”对应于显示数据的客户端的名称。主标题还显示与每个分层网格中显示的相同的列名。到目前为止，我已经完成了这项工作，但问题是我无法仅从顶部主标题中删除垂直网格线。还是来了，如下图：

我想删除客户姓名所在列中的网格线。如果我使用以下代码，那么它也会从内部网格中删除网格线。

.k-grid td {border-width: 0;}

我只想在出现客户端名称（“Nancy”）的每个分层网格的标题中隐藏网格线

在使用上述样式时，它已开始出现：

它从每个网格中删除了我不想要的网格线。

Answer 1

试试下面的css

.k-grid tr.k-master-row td {border-width: 0;}

Answer 2

可以去除主行边框，如HemantD所示，但建议保持单元格在表头和数据区的垂直边框宽度一致，否则您可能会在 Internet Explorer 中观察到错位。这同样适用于侧单元格填充。这就是为什么我建议只更改单元格边框颜色：

.k-grid .k-master-row > td {
    border-color: transparent;
}

你甚至可以只对左边框这样做：

.k-grid .k-master-row > td {
    border-left-color: transparent;
}