合并两个具有不同信息的数据表块

Question

我有两种不同类型的信息，我不知道如何合并。

$('#usersTable').DataTable( {
  initComplete: function () {
    this.api().columns([5, 6]).every( function () {
      var column = this;
      var select = $('<select><option value=""></option></select>')
      .appendTo( $(column.header()) )
      .on( 'change', function () {
        var val = $.fn.dataTable.util.escapeRegex(
          $(this).val()
          );

        column
        .search( val ? '^'+val+'$' : '', true, false )
        .draw();
      } );
      $( select ).click( function(e) {
        e.stopPropagation();
      });

      column.data().unique().sort().each( function ( d, j ) {
        select.append( '<option value="'+d+'">'+d+'</option>' )
      } );
    } );
  }
} );

// TABLE TRANSLATION
$('#usersTable').DataTable({
  "language": {
    "decimal": ",",
    "thousands": ".",
    "sEmptyTable": "Nenhum registro encontrado",
    "sLoadingRecords": "Carregando...",
    "sProcessing": "Processando...",
    "sZeroRecords": "Nenhum registro encontrado",
    "sSearch": "Pesquisar",
    "oPaginate": {
      "sNext": "Próximo",
      "sPrevious": "Anterior",
      "sFirst": "Primeiro",
      "sLast": "Último"
    },
    "oAria": {
      "sSortAscending": ": Ordenar colunas de forma ascendente",
      "sSortDescending": ": Ordenar colunas de forma descendente"
    }
  }
})

我知道我不能让两个街区因为会发生reinitialise error。我试图复制第二个块（从 "language" 开始）并粘贴到第一个块上，但它不起作用。我还尝试在第二个块上使用 class，但 dataTable 无法加载它。

正确的做法是什么？

Answer 1

$('#usersTable').DataTable( {
  initComplete: function () {
    this.api().columns([5, 6]).every( function () {
      var column = this;
      var select = $('<select><option value=""></option></select>')
      .appendTo( $(column.header()) )
      .on( 'change', function () {
        var val = $.fn.dataTable.util.escapeRegex(
          $(this).val()
          );
        column
        .search( val ? '^'+val+'$' : '', true, false )
        .draw();
      } );
      $( select ).click( function(e) {
        e.stopPropagation();
      });
      column.data().unique().sort().each( function ( d, j ) {
        select.append( '<option value="'+d+'">'+d+'</option>' )
      } );
    } );
  },
  // TABLE TRANSLATION
  "language": {
    "decimal": ",",
    "thousands": ".",
    "sEmptyTable": "Nenhum registro encontrado",
    "sLoadingRecords": "Carregando...",
    "sProcessing": "Processando...",
    "sZeroRecords": "Nenhum registro encontrado",
    "sSearch": "Pesquisar",
    "oPaginate": {
      "sNext": "Próximo",
      "sPrevious": "Anterior",
      "sFirst": "Primeiro",
      "sLast": "Último"
    },
    "oAria": {
      "sSortAscending": ": Ordenar colunas de forma ascendente",
      "sSortDescending": ": Ordenar colunas de forma descendente"
    }
  }
});

合并两个具有不同信息的数据表块

Merge two dataTables blocks with different information

datatable

jquery