DataTable - TableTools ShowSelectedOnly

时间:2014-05-06 14:31:20

标签: javascript jquery-datatables tabletools

我试图使用TableTools.ShowSelectedOnly的DataTable插件,但我很难让它工作。 相对插件页面:TableTools.ShowSelectedOnly

我使用插件文档中给出的示例
- 选择:它运作良好。

但我没有看到Show allShow Selected的按钮?

实际上,我不明白包含oFilterSelectedOptions的方框出现在哪里? (描述为"选择框以显示插件中的所有或仅选定的项目"

我可能错过了一些基本的指导...但是我在javascript上的neewbie。

有人可以帮助我吗? 这是我的测试代码:http://jsfiddle.net/K5g9q/

1 个答案:

答案 0 :(得分:3)

Finnaly我找到了解决方案!

示例中有一点错误,您应该使用sDom选项O 所以,好的例子是:

$(document).ready(function () {
    $('#example').dataTable({
        "sDom": 'T<"clear">OSrtip', 
         "oTableTools": { 
             "sRowSelect": "multi", 
         },
         "oLanguage": { 
         "oFilterSelectedOptions": { 
              AllText: "All Row", 
              SelectedText: "Selected Row" 
              } 
         } 
    }); 
}); 

然后根据需要调整dom位置。
使用工作示例编辑jsfiddle:http://jsfiddle.net/K5g9q/3/

希望它有所帮助。