制表符 4.6，如何在现代主题中根据条件更改行背景颜色

Question

我想用 row.getElement() 改变背景颜色。style.backgroundColor = "green"; 它适用于 tabulator.min.css 主题，但不适用于现代主题。

  <!--   <link href="dist/css/tabulator.min.css" rel="stylesheet"> -->
      <link href="dist/css/tabulator_modern.min.css" rel="stylesheet">
        <script type="text/javascript" src="user_data.json"></script>   
        <script type="text/javascript" src="dist/js/tabulator.min.js"></script>
    </head> 
<body>
    <div id="example-table"></div>
<script>
var local_data = esp_data;  
var table = new Tabulator("#example-table", {

    rowFormatter:function(row){
        //row - row component

        var bk = row.getData();

        if(bk["Beköltözhető "] == "igen"){
          row.getElement().style.backgroundColor = "green"; 
          // row.getElement().style.color = "green";

            console.log("bekötzheto");
        }
    },

感谢您的帮助。

Answer 1

我不确定为什么需要以不同于正常方式的方式来完成 css，但这是您可以做的。

而不是 row.getElement().style.backgroundColor，您必须在行的各个单元格上设置它。因此，row.getElement().childNodes[0].style.backgroundColor 会将第一个单元格背景设置为绿色。

这是一个工作示例。 https://jsfiddle.net/nrayburn/6wygod1c/10/

制表符 4.6，如何在现代主题中根据条件更改行背景颜色

Tabulator 4.6, How Change row background color on a condition in Modern Theme

tabulator