Блог

Я хотел бы попросить идеи о том, как получить максимальное число из определенного столбца и вернуть значок в другом столбце. Я использую rowCallback, поэтому, если есть максимальное число, статус изменится на активный(галочка), а остальные будут отмечены крестиком.

Вот мой желаемый результат:

Вот мой код:

 "rowCallback": function(row, data, num ) {
      
        if(parseInt(data["num"]) === max ){
            $('td:eq(3)', row).html('<a class="btn btn-link btn-success btn-just-icon btn-round"><i class="material-icons">check</i>');
        }
        else{
            $('td:eq(3)',row).html('<a class="btn btn-link btn-danger btn-just-icon btn-round"><i class="material-icons">highlight_off</i>');
            
        }
    },
 

1. В идеале (если у вас есть доступ к данным до создания HTML-кода), вы должны один раз вычислить максимальное значение этого столбца и передать его скрипту.
2. Если вы не можете этого сделать и вам нужно оставаться в JS, то API DataTables имеет метод .column, который вы можете использовать для извлечения данных. Так что вы можете сделать что-то вроде этого:

 var table = $('#example').DataTable();  // adjust a neccessary to get your table
 
    var max = table
        .column( 2 )
        .data()
        .reduce( function (a,b) {
            return Math.max(a,b);
        } );