如何解决在响应模式数据表上仅显示两个字段
我想隐藏所有列,但希望有两列,有什么办法吗?我的意思是,当有人在移动设备中打开它时,只显示两个字段并将其他字段移到“详细信息”,或者单击“加号”按钮。默认情况下,它会自动显示列,但我只想在响应模式下显示两列。
解决方法
在移动设备上进行检测,然后将其初始化一次,当您从PC屏幕切换到移动屏幕而不刷新时,它应该可以工作,但不能动态响应。
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'},// More than 2 column
];
}
$('some_table').DataTable({
columns:def_columns
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。