Как добавлять класс css к линии таблицы используя DataTable?

Я создаю линии таблицы с книжным магазином Дататабле Хкери и хочу добавить, что стиль в линию, линии произвел их таким образом.

      // idTabla es una variable que la envió desde la vista **var idTabla = DataTable();**
            idTabla.row().clear();
            for (var i = 0; i < datos.length ; i++) {
                if (datos[i].estado == '1') {
                    var icon = "";
                }else{
                    var icon = "";
                }
                //
                idTabla.row.add([
                                    datos[i].id,  
                                    datos[i].nombre,
                                    ""
                                ]);
            }
            idTabla.draw(true);

Намерение предыдущего - что, когда между в else он добавит ко всей линии один цвет различной буквы, и таким образом идентифицировать данные, которые входят с состоянием! = 1

3
задан 31.05.2017, 20:41
2 ответа

В конце концов ему удайтесь добавить класс этой формы, я оставляю cГіdigo в continuaciГіn для того, чтобы он подал кого-то, у кого когда-нибудь было бы это же самое обсуждение

        idTabla.row().clear();
        for (var i = 0; i < datos.length ; i++) {
            if (datos[i].estado == '1') {
                icon = "<i class='fa fa-check' id='loadState"+datos[i].id+"'></i>";
            }else{
                icon = "<i class='fa fa-ban' id='loadState"+datos[i].id+"'></i>";
            }
            //
            idTabla.row.add([
                                datos[i].id,  
                                datos[i].nombre,
                                "<div class=' text-center col-md-12'><a href='#' id='editarObservacion"+datos[i].id+"' class=' ' onclick='activarDesActivarElect(\""+datos[i].id+"\", \"2\", \"loadState"+datos[i].id+"\", \""+id+"\", \""+datos[i].estado+"\")'> "+icon+" </a></div>"
                            ]);
            // agrego el idTabla.draw(true); dentro de el for
            idTabla.draw(true);
            if (datos[i].estado == '0') {
                // al parecer sorting_1 es una clase por defecto del plugin
                // allí encuentra un dato que contenga algo relacionado a la fila, en este caso es el id
                // utilizó parent() para asignarle una clase al "<td>" donde realiza lo que necesitaba
                $(".sorting_1:contains('" + datos[i].id + "')").parent().addClass('text-muted');
            }
        }
0
ответ дан 24.11.2019, 14:09

Ты можешь определять переменную перед for и давать ему (или не) стоимость segГєn условный, из-за Гєltimo, получать настоящую линию и добавлять класс с jQuery:

idTabla.row().clear();
var rowClass;        
for (var i = 0; i < datos.length ; i++) {
    if (datos[i].estado == '1') {
        var icon = "<i class='fa fa-check' id='loadState"+datos[i].id+"'></i>";
        rowClass = false;
    } else {
        var icon = "<i class='fa fa-ban' id='loadState"+datos[i].id+"'></i>";
        rowClass = true;
    }
    var currentRow = idTabla.row.add([
        datos[i].id,  
        datos[i].nombre,
        "<div class=' " + rowClass + " text-center col-md-12'><a href='#' id='editarObservacion"+datos[i].id+"' class=' ' onclick='activarDesActivarElect(\""+datos[i].id+"\", \"2\", \"loadState"+datos[i].id+"\", \""+id+"\", \""+datos[i].estado+"\")'> "+icon+" </a></div>"
    ]).node();

   if (rowClass) {
       $(currentRow).addClass('mi-clase');
   } 
}
idTabla.draw(true);
1
ответ дан 24.11.2019, 14:09
  • 1
    Правда очень изобретательная, но смотрит проблему состоит в том, что в этом одиноком случае он разместил бы стиль в нее и #250; ltima колонна этой таблицы, линии начинается в " dibujar" из-за того, что это говорит alg и # 250; n способ, aqu и # 237; idTabla.row.add([ и данные, отделенные поел () - данные, которые идут в каждой колонне, будучи концом этой div – Alan 14.06.2016, 18:41
  • 2
    Я изменил мой ответ. – Shaz 14.06.2016, 19:45