如何只为一栏设置k-grid td BUT的样式？

Question

我正在使用剑道网格，对于我的Kend网格中的一列，我正在使用工具提示。 现在，经过一番修改后，我发现为了正确显示工具提示，我需要重写k-grid td类的overflow属性。 所以我只是说

 k-grid td {
                overflow:visible
            }

在HTML和繁荣时期，我的工具提示已修复。 但是，它允许其他列溢出，这显然使我的网格混乱。 因此，我意识到我需要一种基本的方式，请仅对此列override k-grid td BUT。 我正在将Kendo Grid与Angular一起使用，并且我的字段定义如下所示

 {
                            field: "StateString",
                            title: "State",
                            width: "120px",                                                   

                        }

我应该在代码中进行哪些更改，以便仅为此列覆盖k-grid-td的溢出属性？

Answer 1

好吧，事实证明，我不需要花任何精力去解决这个问题。 Kendo-Grid内置了此功能。 我刚刚添加了一个称为属性的配置项来解决此问题：

                   {
                        field: "StateString",
                        title: "State",
                        width: "120px",
                        encoded: true,                           
                        attributes: {
                            "class": "table-cell",
                            style: "overflow: visible;"
                        }
                    }

Answer 2

您需要使用类似此演示的自定义行模板。 给对应的td一个类，使其能够并且仅将样式应用于该列。

Answer 3

这用于基于值动态更改的cell（td）样式。 我尝试根据属性设置td的样式。 但是到目前为止，我发现的是通过模板在td中更改div样式的解决方案。 有时，我们需要自己开发td。

对于一列中的静态td样式，您可以使用所选的答案，但是对于根据列值动态更改的td样式，则不能使用所选的答案。

根据内容更改td样式的技巧：

1. 使用单元格模板更改td内的div样式。
2. 在网格数据绑定事件中。 使用jquery通过parent（）将新样式分配给td。

样本数据绑定函数：

function onGridDataBound() {
        //need to change cell class here, we cannot access cell from clientTemplate,
        //so we do it here after grid is bound with data and template
        $(".colorClass.btn-primary").parent().addClass("btn-primary");
        $(".colorClass.btn-danger").parent().addClass("btn-danger");

        //".colorClass.btn-danger" and ".colorClass.btn-primary" are the style we set in our cell template based on value
    }