Javascript 如何在“之间显示页码信息”;“以前的”;及;“下一步”;数据表中的按钮?

Javascript 如何在“之间显示页码信息”;“以前的”;及;“下一步”;数据表中的按钮?,javascript,css,datatables,pagination,Javascript,Css,Datatables,Pagination,我需要在DataTable中的“上一页/下一页”按钮之间显示有关当前页码和总页数的文本。我将pagingType设置为“simple”,但我不知道如何在这两个按钮之间放置文本。以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉 代码如下: <script type="text/javascript"> $(document).ready(function() { var table = $

我需要在DataTable中的“上一页/下一页”按钮之间显示有关当前页码和总页数的文本。我将pagingType设置为“simple”,但我不知道如何在这两个按钮之间放置文本。

以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉

代码如下:

<script type="text/javascript">

  $(document).ready(function() {
    
    var table = $('#example').DataTable({
      "pagingType": "full",
      "language": {
        "info": "_START_ of _TOTAL_",
        "paginate": {
          "first":      "",
          "last":       "",
          "next":       ">",
          "previous":   "<"
        }
      } ,
      "initComplete": function() {
        tabulate(this.api().page.info());
      }
    });

    table.on( 'draw', function () {
      tabulate(table.page.info());
    } );

  } );

  function tabulate(pageInfo) {
    var curr = pageInfo.page + 1;
    var tot = pageInfo.pages;
    $( "<span>" + curr + " of " + tot + "</span>" ).insertAfter( "a.paginate_button.previous" );
  }
  
</script>

$(文档).ready(函数(){
变量表=$('#示例')。数据表({
“pagingType”:“完整”,
“语言”:{
“信息”:“总数的开始”,
“分页”:{
“第一项”:“第一项”,
“最后”:“,
“下一步”:“>”,

“previous”:“以下方法将为您提供与您的要求相匹配的基本布局-但是您可能需要提供额外的样式来实现您可能想要的外观和感觉

代码如下:

<script type="text/javascript">

  $(document).ready(function() {
    
    var table = $('#example').DataTable({
      "pagingType": "full",
      "language": {
        "info": "_START_ of _TOTAL_",
        "paginate": {
          "first":      "",
          "last":       "",
          "next":       ">",
          "previous":   "<"
        }
      } ,
      "initComplete": function() {
        tabulate(this.api().page.info());
      }
    });

    table.on( 'draw', function () {
      tabulate(table.page.info());
    } );

  } );

  function tabulate(pageInfo) {
    var curr = pageInfo.page + 1;
    var tot = pageInfo.pages;
    $( "<span>" + curr + " of " + tot + "</span>" ).insertAfter( "a.paginate_button.previous" );
  }
  
</script>

$(文档).ready(函数(){
变量表=$('#示例')。数据表({
“pagingType”:“完整”,
“语言”:{
“信息”:“总数的开始”,
“分页”:{
“第一项”:“第一项”,
“最后”:“,
“下一步”:“>”,

“previous”:“您在使用jquery DataTable吗?是的,jquery DataTable您在使用jquery DataTable吗?是的,jquery DataTable。”