DataTable:如何在HTML中添加自定义按钮手册

时间:2018-07-16 13:21:32

标签: javascript html datatable

我是新来学习DataTable的人,我想在表的html中创建自定义的手册。

我知道如何在JS中添加元素,但是如何在手动的相同位置添加按钮并在HTML中进行搜索,例如我可以通过DataTable在JS中添加元素,此外我希望它们能够以与制造时相同的方式工作JS。

buttons: [
        'pdf',
        'pageLength',
        'colvis',
        /*{
        text: 'Add',
        name: 'add' 
      },*/
      {
        extend: 'selected', 
        text: 'Edit',
        name: 'Edit'        
      },
      {
        extend: 'selected', 
        text: 'Delete',
        name: 'delete'      
     },
     ]

如何使用相同的操作(如在规范中和将其放置在DataTable中)在html中制作此按钮。

1 个答案:

答案 0 :(得分:0)

DataTable提供了一个API,您可以利用它来添加自己的自定义搜索字段/过滤

var a = 1,
    b = 2;

var inAppBrowserRef = cordova.InAppBrowser.open('iab_page.html', '_blank');

inAppBrowserRef.addEventListener('loadstop', function (e) {
    inAppBrowserRef.executeScript({ 
         code: "getResult("+a+","+b+")"
    },function(values){
        var result = values[0];
        alert("Result: "+result); // Result: 3
    });
});

此处提供了完整的示例:https://datatables.net/examples/plug-ins/range_filtering.html

$.fn.dataTable.ext.search