Home / Questions / 108936
Accepted
BorrachApps Mex
Asked: 2020-10-12 11:27:11 +0800 CST 2020-10-12 11:27:11 +0800 CST

如何在 Datatables js 中隐藏和显示列？

  • 772

我想显示和隐藏表格的列，但出现以下错误

ReferenceError：未定义表

我的代码如下：

oTable = $('#pedidos-table').DataTable({
      "processing": true,
      "oLanguage": {
      "sProcessing": "Procesando...",
      "sLengthMenu": "Mostrar _MENU_ registros",
      "sZeroRecords": "No se encontraron resultados",
      "sEmptyTable": "Ningún dato disponible en esta tabla",
      "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
      "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
      "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
      "sInfoPostFix": "",
      "sSearch": "",
      "sUrl": "",
      "sInfoThousands": ",",
      "sLoadingRecords": "Cargando...",
      "oPaginate": {
        "sFirst": "Primero",
        "sLast": "Último",
        "sNext": "Siguiente",
        "sPrevious": "Anterior"
      }
    }
  });    
  var thead = [];
  var count = 0;
  $("#pedidos-table thead tr th").each(function() {
    thead.push($(this).text());
  });

  thead.forEach(function(dato) {
    $(".breadcrumb").append("<li class='breadcrumb-item' data-column='"+count+"'><a>"+dato+"</a></li>");
    count ++;
  });
  $(".breadcrumb-item").click(function(e){
    e.preventDefault();

    // Get the column API object
    var column = table.api().column( $(this).attr('data-column') );

    // Toggle the visibility
    column.visible( ! column.visible() );
  });
});
javascript

1 Answers

  1. Best Answer

    如下

    // Get the column API object
    column = table.columns($(this).attr('data-column'));

    // Toggle the visibility
    column.visible( ! column.visible() );
    • 0