我正在使用ngx-pagination包并尝试实现此功能:

html - 是否可以在ngx分页中不使用省略号?-LMLPHP

但这是我到目前为止所拥有的:

html - 是否可以在ngx分页中不使用省略号?-LMLPHP

我的HTML:

<pagination-controls responsive="true" directionLinks="false"></pagination-controls>


我的CSS:

.ngx-pagination {
    .current {
        background: orange;
    }
}



您知道在不同项目之间是否可以放置更多空间吗?因此增加了组件的宽度。
如果有更多宽度可用,请显示更多数字而不是省略号(...)。
在数字之间显示一个点(如子弹)。为此,我找到了this。但是效果不佳,它在数字下方显示了点。仅适用于当前号码。见下文:
html - 是否可以在ngx分页中不使用省略号?-LMLPHP


Stackblitz:https://stackblitz.com/edit/angular-xbh9ft

最佳答案

最后,我在软件包的Github存储库中打开了issue,可以实现我想要的东西。我必须实现一个自定义模板。对我来说,example很有用。

我在这里留下了Stackblitz中一个演示的链接,以防万一有人发现它有用:


Stackblitz演示:https://stackblitz.com/edit/angular-bxvecv

关于html - 是否可以在ngx分页中不使用省略号?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56954351/

10-13 01:21