【问题标题】:Data Table: How to show the show Entries dropdown beside the Showing 0 to 0 of 0 entries in the table structure数据表:如何在表结构中的 Showing 0 to 0 of 0 entries 旁边显示 show Entries 下拉列表
【发布时间】:2015-05-27 20:47:01
【问题描述】:

是否可以在表结构中显示 0 到 0 个条目旁边显示显示条目下拉列表。我想在底部显示显示条目下拉列表以及分页和显示 0 到 0 个条目。

提前致谢!!!

图片看起来像

现在我想根据第二个场景显示显示下拉条目。

【问题讨论】:

    标签: javascript jquery user-interface jquery-datatables jquery-pagination


    【解决方案1】:

    是的,可以通过 dataTables "dom"-attribute 来实现。 i 是信息,l 是长度菜单,在 i 之前插入 l

    var table = $("#example").DataTable({
       //default is lfrtip 
       dom: 'frtlip'    
    });
    
    //lengthmenu -> add a margin to the right and reset clear 
    $(".dataTables_length").css('clear', 'none');
    $(".dataTables_length").css('margin-right', '20px');
    
    //info -> reset clear and padding
    $(".dataTables_info").css('clear', 'none');
    $(".dataTables_info").css('padding', '0');
    

    演示 -> https://jsfiddle.net/psvf3z75/

    【讨论】:

    • 感谢您的解决方案,但是当我从下拉列表中选择值后,该功能无法正常工作,它正在消失,就像选择值后消失一样。
    • @Bhairav,已经完全改写了答案。我认为使用一些 dataTables 内置功能而不是通过可能导致各种问题的“hack”来做更正确。很抱歉给您带来不便。
    • 感谢您的快速响应,但它仍然不适合我。在 jsfiddle 中它正在工作......第一个代码看起来不错,但在我尝试使用更新的解决方案后错过了它的功能不适合我。
    • @Bhairav,什么不完全有效?您使用的是什么版本的数据表?
    • @Bhairav - 我猜是这样,使用 sDom 而不是 dom - 这是一个 1.9.4 示例 -> jsfiddle.net/pq7ms2fe(更新了一点边距顶部)
    猜你喜欢
    • 1970-01-01
    • 2018-11-22
    • 1970-01-01
    • 2021-11-04
    • 1970-01-01
    • 1970-01-01
    • 2022-11-11
    • 1970-01-01
    • 2011-08-17
    相关资源
    最近更新 更多