如何使用jQuery动态更改数据表?

用户名

我正在制作一个具有响应能力的网站,因此我正在与之合作,datatables因为它是响应性的,我希望使用change the datatable appearance其他方式@media screens我想要做的是,当我处于台式机版本时,表格将处于正常状态,对于平板电脑形式,我希望它处于固定列,而在移动版本中,我希望其就像响应式表格一样。最好的方法是什么?我需要创建多个表还是仅使用脚本?请告诉我。

leonardeveloper

这应该可以解决问题。您需要先销毁第一个,DataTable然后才能再次对其进行初始化。

$(window).on('resize load', function () {
var width = $(window).width();
if (width < 720) {
    //for screens with less than 720px
    var table = $('#example').DataTable({
            destroy : true,
            "scrollY": "300px",
            "scrollX": "100%",
            "scrollCollapse": true,
            "paging": false
    });
    new $.fn.dataTable.FixedColumns(table);
} else {
    $('#example').DataTable({
        destroy : true,
        responsive: true
    });
}

}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改数据表中的AJAX数据

来自分类Dev

如何更改数据表中的AJAX数据

来自分类Dev

如何使用同一数据表的第一行更改数据表的列名值

来自分类Dev

如何更改数据表中的几个列名

来自分类Dev

如何更改数据表中按钮的文本

来自分类Dev

如何子集某些列并更改数据表的值

来自分类Dev

如何更改数据表中按钮的文本

来自分类Dev

如何更改数据表的单元格颜色?

来自分类Dev

如何更改数据表中的总行数

来自分类Dev

如何更改数据表上的 sLengthMenu 位置?

来自分类Dev

使用linq更改数据表中的列序列

来自分类Dev

使用JSF更改数据表中的单个行

来自分类Dev

更改数据表搜索功能

来自分类Dev

更改数据表搜索功能

来自分类Dev

无法更改数据表标题

来自分类Dev

如何更改数据表中文本“表中无数据”的位置?

来自分类Dev

如何通过代码更改数据表中列的数据类型?

来自分类Dev

如何更改数据表中从数据库获取的日期格式

来自分类Dev

如何更改数据表中数据不可用的默认消息

来自分类Dev

更改 inputSelect 后更改数据表

来自分类Dev

通过 API 动态更改数据表列宽

来自分类Dev

如何使用数据表动态更改行的字体大小?

来自分类Dev

如何使用js数组作为数据源动态更新jquery数据表

来自分类Dev

如何根据列中的条件更改数据表行背景色,Rshiny

来自分类Dev

如何更改数据表中日期列的日期格式?

来自分类Dev

如何更改数据表中的导出PDF字体大小?

来自分类Dev

如何更改数据表中分页按钮的默认悬停样式

来自分类Dev

更改数据表中的字体系列

来自分类Dev

更改数据表中特定列的颜色

Related 相关文章

热门标签

归档