如何只為一欄設置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
    }