Kendo ui 无法设置剑道网格行的边框样式

我正试图根据底层数据源中的值设计MVC剑道网格。我有一个机制似乎可以工作，但某些样式元素（尤其是边框）似乎不接受新的样式类，而其他元素（行背景色）工作正常

网格：

事件处理程序：

 function LineItems_Databound() {
    var grid = $("#RealTimeFinancials").data("kendoGrid");
    var data = grid.dataSource.data();
    $.each(data, function (i, row) {
        var LineItem = row.Message;

        switch(LineItem) {
            case 'SubTotal': $('tr[data-uid="' + row.uid + '"]').css({ "border-style":"solid", "border-top":"single","background-color":"yellow"}); break;
            case 'Total': $('tr[data-uid="' + row.uid + '"]').addClass('customClass'); break;
            case 'GrandTotal': $('tr[data-uid="' + row.uid + '"]').css({ "border-style":"solid", "border-bottom":"double"}); break;
        }
    });
}

CSS类：

  .customClass {
    border-top-style:double;
    border-style:double;
    border-top-width:thick;
    background-color:lightyellow;
}

.css或.addClass都不会对行边框样式产生任何影响，同时它们都会很高兴地更改行的背景色

---

我需要在细胞水平上做这件事吗？但这似乎有些奇怪，因为背景颜色按行工作。

Border属性不适用于tr，它只适用于td，因此您可以这样做：

.k-grid .customClass {
    background-color:lightyellow;
}

.k-grid .customClass td {
    border-top-style:double;
    border-style:double;
    border-top-width:thick;
}

或者，您可以为tr使用

outline

属性，但它会设置整个边框的样式-您不能单独指定左边框、右边框、上边框和下边框：

.k-grid .customClass {
    outline: thick double;
}

---

我找到这个答案要感谢@j4ro在设计td而不是行以及研究如何在应用类的tr中迭代td方面的反应。因此-迭代行的javascript是：

 case 'Total': $('tr[data-uid="' + row.uid + '"]').find('td') _
     .each(function () { $(this).addClass('customClass') }); break;

类的定义是（我想关键是引入了k.grid引用）：

---

剑道网格的行边框可以更改，如下所示

<style>
.k-grid tr {
    border-bottom: 1px solid black;
}
</style>

.k-grid tr{
边框底部：1px纯黑；
}

---

这可以根据需要进行扩展和操作。i、 例如，

.k-grid tr td

或

.k-grid th

或

.k-grid table

等等。

谢谢-我没有意识到这一点。但是，将“td”添加到customClass似乎仍然不起作用-我假设因此需要在tr中迭代td并将类应用到td。好的-我尝试了迭代td，得到了相同的结果-颜色改变但没有边框：case“Total”：$（'tr[data uid=“”+row.uid+“]”）。find（'td'）。each（函数（）{$（this.addClass（'customClass'）}）；打破隐马尔可夫模型。。。请帮我试试这样的方法：

.k-grid.customClass td

而不是

。customClass td

它比

.k-grid td

本身更强大。如果我这样做，我也会失去背景色。但是-只需使用.customClass选择器并添加“！“重要的”工作-所以我认为我的代码似乎是在剑道之前画细胞？这似乎很奇怪。不知何故，这并不是最好的解决方案。！重要的是最终性，我们应该避免它。但我不明白为什么在我的解决方案中你会丢失背景色。您不想在customClass的所有行中使用背景色吗？

.k-grid .customClass {
   border-top-style:double
   border-style:double;
   border-top-width:thick;
  }

<style>
.k-grid tr {
    border-bottom: 1px solid black;
}
</style>