右侧的分页数据表

时间:2016-07-26 03:55:08

标签: jquery css twitter-bootstrap-3 datatables

我正在尝试制作数据表pagination float。我不知道如何,所以我尝试从谷歌搜索它,我得到这个:

var myTable = $("#myTable").dataTable({
 "sDom": '<"row view-filter"<"col-sm-12"<"pull-right"f><"clearfix">>>t<"row view-pager"<"col-sm-12"<"text-center"ip>>>'
 });

使用该脚本我得到了这个

enter image description here

我正在使用<div class="box-body table-responsive></div>所以我可以滚动它。所以我的问题是如何在滚动后立即保持分页。抱歉我的英语不好。

2 个答案:

答案 0 :(得分:3)

如果你愿意的话。

 $('#example').dataTable( {
      "scrollX": true
    } );

您可以使用https://datatables.net/reference/option/scrollX

答案 1 :(得分:0)

默认情况下,分页在右侧,

只需在页面上添加css和js, 将id赋给表并在jquery中使用该id

喜欢,

 <table id="example1">

然后代码将在脚本标签中

$(document).ready(function() {
 $('#example1').DataTable({

   });
});