【问题标题】:show only two field on responsive mode datatable在响应模式数据表上仅显示两个字段
【发布时间】:2020-10-15 11:23:40
【问题描述】:

我想隐藏所有列,除了两列,有什么办法吗?我的意思是当有人在移动设备中打开它时,只显示两个字段并将其他字段移至详细信息,或者当您单击加号按钮时。默认情况下它会自动显示列,但我只想在响应模式下显示两列。

【问题讨论】:

标签: jquery datatables


【解决方案1】:

在移动设备上检测然后初始化一次,当您从电脑屏幕切换到移动屏幕而不刷新时,它应该可以工作但不是动态响应。

Credit for detect screen

let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
    var def_columns;
    if(isMobile){  
        def_columns = [
             {data: '1'},
             {data: '2'},
           ];
    }else{  
        def_columns = [
             {data: '1'},
             {data: '2'},
             // More than 2 column
           ];
    }

     $('some_table').DataTable({  
       columns:def_columns
     });

【讨论】:

    猜你喜欢
    • 2013-05-08
    • 2021-11-26
    • 2019-04-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多