我正在使用ngx-pagination包并尝试实现此功能:
但这是我到目前为止所拥有的:
我的HTML:
<pagination-controls responsive="true" directionLinks="false"></pagination-controls>
我的CSS:
.ngx-pagination {
.current {
background: orange;
}
}
您知道在不同项目之间是否可以放置更多空间吗?因此增加了组件的宽度。
如果有更多宽度可用,请显示更多数字而不是省略号(
...
)。在数字之间显示一个点(如子弹)。为此,我找到了this。但是效果不佳,它在数字下方显示了点。仅适用于当前号码。见下文:
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/