如何使一行固定在數據表上

Question

我有一個表格，我在上面使用 dataTable，但是表格末尾有一條線應該總是停留在表格的末尾，即使訂購了，也有辦法在末尾放一條線那條線總是留在那里？？

那是我的桌子：

  this.dataTable = $('.table').DataTable({
  lengthMenu: [10, 30, 50, 100],
  pageLength: 10,
  responsive: true,
  dom: 'lTfgitp',
  buttons: [],
  columnDefs: [{
    orderable: false,
    targets: 'no-sort'
  }, {
    type: "customNumber",
    sortable: true,
    targets: "customNumber"
  }],
  language: {
    processing: "Processando...",
    search: "Buscar no relatório:",
    lengthMenu: "Mostrar: _MENU_ resultados por página",
    info: "Mostrando de _START_ até _END_ de _TOTAL_ registros",
    infoEmpty: "Mostrando 0 até 0 de 0 registros.",
    infoFiltered: "(Filtrados de _MAX_ registros)",
    infoPostFix: "",
    loadingRecords: "Carregando...",
    zeroRecords: "Nenhum registro encontrado",
    emptyTable: "Nenhum registro encontrado",
    paginate: {
      first: "Primeiro",
      previous: "Anterior",
      next: "Próximo",
      last: "Último"
    },
    aria: {
      sortAscending: ": Ordenar colunas de forma ascendente",
      sortDescending: ": Ordenar colunas de forma descendente"
    }
  }
});

$('div.dataTables_filter input').removeClass('form-control-sm');

Answer 1

您可以使用絕對插件來獲得該效果。

請參見此處的示例：

  var fixed = $.fn.dataTable.absoluteOrder( [
    { value: 'XXX', position: 'bottom' }
  ] );

  var table = $('#example').DataTable({
    orderFixed: {'pre': [5, 'asc']},
    columnDefs: [{
      targets: -1,
      visible: false,
      type: fixed
    }]
  });