自定义 ngx-datatable pager 组件以显示文本而不是图标并添加 totalVisible 属性？

Question

我正在自定义 ngx-dataTable 中的数据表寻呼机，可以添加页脚和寻呼机。我只有两个问题如下 -

1. 对于上一个/下一个/第一个和最后一个按钮，如何显示文本而不是图标？
2. 如何添加 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 页就像

Answer 1

上面提供的 url 不起作用，您可以检查下面显示正确代码的 url https://github.com/swimlane/ngx-datatable/blob/master/projects/swimlane/ngx-datatable/src/lib/components/页脚/pager.component.ts

Answer 2

要用文本替换图标，您必须用您的组件替换 datatable-pager，并提供功能。你可以在这里看到 datatable-pager 是如何实现的，并创建你自己的组件。

链接：https://github.com/swimlane/ngx-datatable/blob/master/projects/swimlane/ngx-datatable/src/lib/components/footer/pager.component.ts

如果您需要任何帮助，请随时提出。