自定义 ngx-datatable 分页器组件以显示文本而不是图标并添加

我正在 ngx-dataTable 中自定义 datatable-pager,并且可以添加页脚和分页器。我只有以下两个问题 -


对于上一个/下一个/第一个和最后一个按钮,如何显示文本而不是图标?

如何添加 totalVisible 属性以显示寻呼机中的前 3 页和后 3 页,并在其间显示...禁用按钮?

目前我正在编写以下代码 -


<ngx-datatable-footer>

              <ng-template ngx-datatable-footer-template 

                let-rowCount="rowCount"

                let-pageSize="pageSize"

                let-selectedCount="selectedCount"

                let-curPage="curPage"

                let-offset="offset"

                let-isVisible="isVisible"

                >


                <datatable-pager 

                [pagerLeftArrowIcon]="datatable-icon-Left"

                [pagerRightArrowIcon]="'datatable-icon-right'" 

                [pagerPreviousIcon]="'datatable-icon-prev'"

                [pagerNextIcon]="'datatable-icon-skip'" 

                [page]="curPage" 

                [size]="pageSize" 

                [count]="rowCount"

                (change)="table.onFooterPage($event)">

                </datatable-pager>

              </ng-template>

</ngx-datatable-footer>

我需要传递一些文本道具而不是箭头图标和下一个/上一个图标来显示文本。而且我还需要在寻呼机中显示前 3 个和最后 3 个页面按钮,并在中间显示一个...禁用按钮,以防有超过 7 个页面要显示就像

http://img3.mukewang.com/61275f510001b4b104610038.jpg

HUWWW
浏览 492回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript