2016-08-19 2 views
0
$(document).ready(function() { 


    $('#table_id').DataTable({ 
     initComplete: function() { 
     var select = $('<select><option value=""></option></select>'), 
      table = this; 
     select.on("change", function() { 
      table.api().column(0).search($(this).val()).draw(); 
     }); 
     $("#table_id").closest(".dataTables_wrapper").find(".dataTables_filter").append(select); 

     table.api().columns(0).data().eq(0).unique().sort().each(function(d, j) { 
      select.append('<option value="' + d + '">' + d + " - " + getClinicName(d) + '</option>'); 
     }); 
     } 
    }); 
    }); 

У меня есть этот код, который отображает раскрывающийся список с указанием идентификатора (как d) и имени. Я также хочу, чтобы он отображал количество записей в каждой строке.Выпадающее меню, чтобы отобразить количество строк перед тем, как выбрать

Например:

если строка 2 имеет 5 записей, то я хочу, чтобы отобразить идентификатор-имя-5 строк, как id-name-#ofrows.

Любая помощь?

ответ

-1

Установить Count = 0 и увеличить и распечатать его каждый раз ..

$('#table_id').DataTable({ 
     initComplete: function() { 
      var select = $('<select><option value=""></option></select>'), 
       table = this; 
      select.on("change", function() { 
       table.api().column(0).search($(this).val()).draw(); 
      }); 
      $("#table_id").closest(".dataTables_wrapper").find(".dataTables_filter").append(select); 
      @int count = 1; 
      table.api().columns(0).data().eq(0).unique().sort().each(function(d, j) { 
       select.append('<option value="' + d + '">' + d + " - " + getClinicName(d) + " row no " + count + '</option>'); 
       count++; // increase count 
      }); 
     } 
    }); 
+0

Нет, не работает. – jasmine825

+0

Какая ошибка? см. в консоли, если есть –

+0

Я видел, что там не было, только весь раскрывающийся список исчез. – jasmine825

0

Я думаю, вы могли бы использовать table.data().count(), чтобы рассчитывать таблицы строк:

select.append('<option value="' + d + '">' + d + " - " + getClinicName(d) + " - " + table.data().count() + '</option>'); 
Смежные вопросы