2016-08-24 145 views
0

我是Angular JS的新手。我正在尝试实现数据表。 我指的是下面的链接。Angular DataTable - 自定义分页和信息

http://l-lin.github.io/angular-datatables/

现在我需要落实到数据表中配置一些自定义更改。

例如,

  1. 分页选项我需要采用下图中提供的格式。 Pagination Format

  2. 分页信息需要如下所示。

enter image description here

期待的响应。

如果有人遇到类似的问题,请帮助。

~~素里亚

+0

请出示你想究竟如何改变分页布局和你的分页信息的含义。改变并不是什么大不了的事情,但真的很难猜到例如你指的是哪些图标,以及“Vanilla ...”应该如何成为信息的一部分。 – davidkonrad

+0

@davidkonrad,“Vanilla ..”是我在获取表格之前从用户处获得的输入。 –

回答

0

我有固定的页面信息问题。请参阅下面的代码。

vm.dtOptions = DTOptionsBuilder.newOptions().withPaginationType('full') 
        .withDisplayLength(10) 
        .withOption('bFilter', false) 
        .withDOM('<"top pull-left itemtableInfo"i>rt<"bottom"p>') 
        .withLanguage({ 
          "sInfo": '<div><span class="searchDetail">Displaying _TOTAL_ results for <b>\"'+$rootScope.searchValue+'\"</b> </span><span class="searchCount pull-right">Showing _START_ to _END_ <a>Show All</a></span>', 
          "processing": "Processing...", 
          "loadingRecords": "Loading...", 
          "paginate": { 
           "first": '<i class="fa fa-backward" aria-hidden="true"></i>', 
           "last": '<i class="fa fa-forward" aria-hidden="true"></i>', 
           "next": "Next", 
           "previous": "Previous" 
          } 
        }); 

但仍无法解决分页按钮的自定义。我正在关闭这个问题,因为我已经为页面控制问题发布了另一个问题。 。

链接:

Angular datatable - get current page & Total page

如果任何人有两个问题更好的解决方案,请您提供您的建议:) :)