Question

我是Angular JS的新手。我正在尝试实现数据表。我指的是下面的链接。

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

现在我需要对数据表配置实施一些自定义更改。

EG。

分页选项我需要采用下图所示的格式。
分页信息需要如下所示。

期待回复。

如果有人遇到类似的问题，请提供帮助。

~~素里亚

Answer 1

我修复了页面信息问题。请参阅下面的代码。

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

如果有人对这两个问题都有更好的解决方案，请向我提出你的建议:) :)

Answer 2

如果您需要在AngularJS中进行分页，请检查

http://ui-grid.info/docs/#/tutorial/214_pagination

Angular DataTable - Custom Pagination＆amp;信息

2 个答案: