Javascript 仅在分层剑道Ui网格的列标题中显示垂直网格线

我的要求如图所示。每个分层网格包含实际数据，其标题“Nancy”对应于显示其数据的客户机的名称。主标题还显示与每个分层网格中所示相同的列名。到目前为止，我已经做到了这一点，但问题是，我无法删除垂直网格线只从顶部的主要标题。如下图所示，它仍然会出现：

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

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

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

在使用上述样式时，它已开始显示为：

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

试试下面的css

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

试试下面的css

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

---

可以删除主行边框，如HemantD所示，但建议保持标题和数据区域中单元格的垂直边框宽度一致，否则您可能会在Internet Explorer中发现未对齐。这同样适用于侧电池衬垫。这就是我建议只更改单元格边框颜色的原因：

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

您甚至只能对左边框执行此操作：

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

---

可以删除主行边框，如HemantD所示，但建议保持标题和数据区域中单元格的垂直边框宽度一致，否则您可能会在Internet Explorer中发现未对齐。这同样适用于侧电池衬垫。这就是我建议只更改单元格边框颜色的原因：

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

您甚至只能对左边框执行此操作：

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