2016-08-19 161 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>'); 
     }); 
     } 
    }); 
    }); 

我有这个代码,显示一个下拉框显示id(显示为d)和名称。我也希望它显示每行中的条目数量。下拉选择行前显示行数

例如:

如果第2行有5项,那么我希望它显示的ID名,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>');