如何更改 footable 中的分页文本或符号？

Question

我正在使用 footable 来显示动态填充的 table。我想自定义 footable 提供的分页。导航到第一页和最后一页的分页符号需要更改如下所示：

导航到第一页：从“<<”更改为“|<”。
导航到最后一页：从“>>”更改为“>|”。

我尝试了以下代码。但是符号没有变化。

<table class="table footable no-border" data-page-navigation=".pagination" data-page-size="10" data-page-first-text="|<">

Answer 1

文档有误（不过我已经提交了一个 pull request 来更正这个问题）

你应该使用：

data-first-text="|<"

<table class="table footable no-border" data-page-navigation=".pagination" data-page-size="10" data-first-text="|<">

Answer 2

翻遍源码，发现属性strings，可以指定任意内容。比如插入一个带有FontAwesome

的图标

$('.fooTable').footable({
  paging: {
    enabled: true,
    size: 5,
    strings: {
      first: 'someFirstIcon',
      next: '<i class="fas fa-plus"></i>',
      last: 'someLast Icon'
    }
  }
});

如何更改 footable 中的分页文本或符号？

How to change pagination text or symbols in footable?

html

javascript

pagination

footable