Как изменить цвет ячейки <td>на основе значений в таблице данных - PullRequest
Новая
       7

Как изменить цвет ячейки <td>на основе значений в таблице данных

0 голосов
/ 15 октября 2019

Я хочу изменить цвет ячейки на основе значения в таблице данных. Я пробовал этот код, но он не работает. Ниже приведены пример кода и таблица данных. Любая идея и помощь высоко ценится. 

<script type="text/javascript">
var oTable = $('table').DaTable({ 
'rowCallback': function(row, data, index){
    if(data[6]=='Cleared')
    {
    $(row).find('td:eq(6)').css('color', 'green');
    }
    else
    {
      $(row).find('td:eq(6)'.css('color', 'red');
    }
  }
});


<table class="table table-responsive table-striped table-bordered table-hover table-condensed" 
   id="edp">
    <thead>
      <tr>
        <th>EDP</th>
        <th>Name</th>
        <th>Course</th>
        <th>Year</th>
        <th>Dept.</th>
        <th>Clearance</th>
        <th>View</th>
      </tr>
    </thead>
    <tbody>
      <?php foreach($data as $display)
            {   
            echo "<tr>";
            echo "  
                <td>".$display->EDP."</td>
                <td>".$display->Lname.', '.$display->Fname.', '.$display->Mname."</td>
                <td>".$display->Course."</td>
                <td>".$display->Cyear."</td>
                <td>".$display->Dept."</td>
                <td>".$display->Status."</td>
                <td><a href='".base_url().'office/viewClearance/'.$display->EDP."'><img 
                class='viewicon' src='".base_url().'assets/icons/view.png'."'></td>
                </tr>";
            }
            ?>
    </tbody>

enter image description here

1 Ответ

0 голосов
/ 16 октября 2019

Прямая ссылка https://dotnetfiddle.net/rdL6IU

Вы можете сделать это @ https://datatables.net/examples/basic_init/zero_configuration.html@

   $(function () {
        $('#example').dataTable({
            "createdRow": function (row, data, dataIndex) {
                if (data[0] == 'Garrett Winters') {
                    $(row).addClass('redClass');
                }
            }
        });
    })
...