Tabulator 4.6，如何在现代主题的条件下更改行背景颜色

问题描述 投票：0回答：1

我希望使用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");
        }
    },

感谢您的帮助。

tabulator
1个回答
0
投票

我不确定为什么需要与普通的CSS有所不同，但这是您可以做的。

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

这里是一个有效的例子。https://jsfiddle.net/nrayburn/6wygod1c/10/

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.