【发布时间】:2020-10-15 11:23:40
【问题描述】:
我想隐藏所有列,除了两列,有什么办法吗?我的意思是当有人在移动设备中打开它时,只显示两个字段并将其他字段移至详细信息,或者当您单击加号按钮时。默认情况下它会自动显示列,但我只想在响应模式下显示两列。
【问题讨论】:
-
@DilipPatel 我之前检查过文档,但我没有找到任何类似的东西并做我想做的事。
标签: jquery datatables
我想隐藏所有列,除了两列,有什么办法吗?我的意思是当有人在移动设备中打开它时,只显示两个字段并将其他字段移至详细信息,或者当您单击加号按钮时。默认情况下它会自动显示列,但我只想在响应模式下显示两列。
【问题讨论】:
标签: jquery datatables
在移动设备上检测然后初始化一次,当您从电脑屏幕切换到移动屏幕而不刷新时,它应该可以工作但不是动态响应。
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
});
【讨论】: