时间戳

首页 > 解决方案 > 试图显示和隐藏列数据表

javascript - 试图显示和隐藏列数据表

问题描述

由于我使用的是新版本的数据表，我的列显示隐藏功能已损坏

$("a.hideLink").click(function(e) {
    e.preventDefault();
    var $link = $(this);
    var columnIndex = $link.attr("href");
    $("#hiddenCols").append('<a class="showLink" href="' + columnIndex + '">' + $link.attr("title") + '</a>');
    $dTable.column(columnIndex).visible(false);
});

$(document).on('click','a.showLink',function(e) {
    e.preventDefault();
    var $link = $(this);
    var columnIndex = $link.attr("href");
    $dTable.column(columnIndex).visible(true);
    //$dTable.fnAdjustColumnSizing();
    $link.remove();
});

我正在尝试更改它，但无法修复它，任何帮助将不胜感激

谢谢

标签： javascriptjquerydatatables

解决方案

创建数据表时，您拥有所有选项（分页、scrollY、scrollX ......）。在您的选项“按钮”中，您应该添加“colvis”。不要忘记添加正确的 cdn 。当您单击此按钮时，您可以选择要隐藏或显示的列。 https://datatables.net/extensions/fixedcolumns/examples/styling/colvis.html

推荐阅读