Tabulator 4.6, Как изменить цвет фона строки для условия в Modern Theme - PullRequest
Новая
       20

Tabulator 4.6, Как изменить цвет фона строки для условия в Modern Theme

0 голосов
/ 04 мая 2020

I sh для изменения цвета фона с помощью 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");
        }
    },

Спасибо за помощь.

1 Ответ

1 голос
/ 05 мая 2020

Я не уверен, почему это нужно делать иначе, чем обычный css, но вот что вы можете сделать.

Вместо row.getElement().style.backgroundColor, вы должны установить его на отдельные ячейки для ряда. Итак, row.getElement().childNodes[0].style.backgroundColor установит зеленый фон для первой ячейки.

Вот рабочий пример. https://jsfiddle.net/nrayburn/6wygod1c/10/

...