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

时间:2019-07-09 14:02:15

标签: html css angular ionic3 ngx-pagination

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

enter image description here

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

enter image description here

我的HTML:

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

我的CSS:

.ngx-pagination {
    .current {
        background: orange;
    }
}
  • 您知道是否可以在不同的物品之间放置更多的空间?因此增加了组件的宽度。
  • 如果有更多宽度可用,请显示更多数字而不是省略号(...)。
  • 在数字之间显示一个点(如子弹)。为此,我找到了this。但是效果不佳,它在数字下方显示了点。仅适用于当前号码。见下文: enter image description here

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

1 个答案:

答案 0 :(得分:0)

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

我留在Stackblitz中的一个演示链接,以防万一有人觉得有用: