将页面指示符放在数据表jQuery的顶部

Question

表的我的.coffee文件如下所示：

jQuery ->
  $('#example').dataTable({
    "bPaginate": true,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false
  })

相应的表格如下所示

我知道将搜索框放在桌子下方的命令，但我不知道如何将页面指示器放在桌子顶部。有什么想法吗？

Answer 1

我认为最简单的方法是与dom选项混合使用。默认值为lfrtip，在开头设置p（对于p agination）而不是最后一步：

jQuery ->
  $('#example').dataTable({
    "sDom": 'plfrti', //preserving hungary notation for clarification
    "bPaginate": true,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false
  }

您还需要更正.dataTables_paginate默认float: none：

.dataTables_paginate {
  float: left !important;
  clear: none;
}