【问题标题】:ColReorder is not working in Responsive DataTables?ColReorder 在响应式数据表中不起作用?
【发布时间】:2020-06-16 16:46:38
【问题描述】:

我有数据表并通过使用.sortable() jquery-ui 拖动checkbox 元素来实现colReorder,一切都很好。但是当我启用responsive:true 时,该列不再排序。

重新排序索引从数据库中存储并使用 ajax 获取..

var table = $('#example').DataTable({
    colReorder: true,
    responsive: true,
});
$.get('{{ url('/get-ranks') }}', function(response) {
    var ranks = response.data; // Output: 2, 3, 1, 0, 6, 4, 5

    table.colReorder.reset();
    var order = ranks.split(',').map(function(i) {
        return parseInt(i, 10);
    });

    table.colReorder.order(order);
});

order 变量给出了准确的索引,但仍然不起作用。

我只想重新排序列以及响应式中的隐藏列。

我在这里创建了一个工作测试用例http://live.datatables.net/mulibiwi/1/edit

【问题讨论】:

    标签: jquery datatables laravel-datatables


    【解决方案1】:

    打电话

       table.columns.adjust()
      .responsive.recalc();
    

    将重新计算列并重绘表格。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-02
      • 1970-01-01
      • 1970-01-01
      • 2016-11-21
      • 2021-05-18
      • 1970-01-01
      相关资源
      最近更新 更多