如何使用排序和自定義按鈕創建數據表添加？

我想用搜索，排序功能創建一個數據表並且不需要。的記錄選擇下拉。我已經嘗試了以下代碼：如何使用排序和自定義按鈕創建數據表添加？

$('#example3').dataTable({ 

    "aoColumnDefs": [ 
     { "bSortable": true, "aTargets": [ 0] } 
    ], 

    "oLanguage": { 
     "sLengthMenu": "_MENU_ ", 
     "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries" 
    }, 

    "fnDrawCallback": function (oSettings) { 
     if (oSettings.bSorted || oSettings.bFiltered) 
     { 
      for (var i=0, iLen=oSettings.aiDisplay.length ; i<iLen ; i++) 
      { 
       $('td:eq(0)', oSettings.aoData[ oSettings.aiDisplay[i] ].nTr).html(i+1); 
      } 
     } 
    }, 

    "iDisplayLength": 25 
});

我無法獲得像25,50,100條記錄一樣的下拉菜單。另外，我想在頂部添加一個新按鈕以添加新行。

來源

2015-07-03 Bhavin Solanki

問題是什麼？預期的結果是什麼？ –

我無法獲得像25,50,100條記錄一樣的下拉菜單。另外，我想添加一個新的按鈕，添加新的原料 –

PLZ使用「aLengthMenu」：[25,50,200,500]，獲取記錄下拉列表 – chirag

-1

我找到了我正在尋找的解決方案。這是代碼，這可能有助於別人。

$('#example3').dataTable({ 
     "sDom": "<'row'<'col-md-6'l <'toolbar'>><'col-md-6'f>r>t<'row'<'col-md-12'p i>>", 
     "oTableTools": { 
      "aButtons": [ 
        { 
         "sExtends": "collection", 
         "sButtonText": "<i class='fa fa-cloud-download'></i>", 
         "aButtons": [ "csv", "xls", "pdf", "copy"] 
        } 
      ] 
     }, 
     "aoColumnDefs": [ 
      { "bSortable": true, "aTargets": [ 0] } 
     ], 
     "aaSorting": true, 
     "oLanguage": { 
      "sLengthMenu": "_MENU_ ", 
      "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries" 
     }, 
     "aLengthMenu": [[25, 50, 100, 200], [25, 50, 100, 200]], 
     "iDisplayLength": 25 
});

要添加按鈕鏈接DataTable中的頂部區域

$("div.toolbar").html('<div class="table-tools-actions"><a href="add" class="btn btn-primary" style="margin-left:12px; background:#5aceff;" id="test2"><i class="fa fa-plus"></i> Add </a></div>');

來源

2015-07-11 14:32:37

-1

這裏提到https://datatables.net/examples/api/add_row.html

$(document).ready(function() { 
var t = $('#example').DataTable(); 
var counter = 1; 

$('#addRow').on('click', function() { 
    t.row.add([ 
     counter +'.1', 
     counter +'.2', 
     counter +'.3', 
     counter +'.4', 
     counter +'.5' 
    ]).draw(); 

    counter++; 
}); 

// Automatically add a first row of data 
$('#addRow').click();

}）;

來源

2015-07-05 16:45:44

如何使用排序和自定義按鈕創建數據表添加？

回答

相關問題