如何修改reactable的分页文本内容并调整行数显示位置？

要实现你需要的自定义修改，只需在reactable()中通过pagination参数调用paginationOptions()，配置对应的选项即可：

具体配置说明 #

• 调整行数显示位置：使用pageInfoPosition参数，设置为"top"即可将行数信息移至表格顶部（默认值为"bottom"）。
• 自定义行数显示文本：通过showPageInfo传入自定义函数，根据当前页、每页条数、总条数生成符合需求的文本格式。
• 修改分页按钮文本：直接用previousLabel和nextLabel设置按钮的自定义文本。

完整可运行代码 #

library(reactable)

reactable(
  iris,
  pagination = paginationOptions(
    # 将行数显示移至表格顶部
    pageInfoPosition = "top",
    # 自定义上一页按钮文本
    previousLabel = "Vorige",
    # 自定义下一页按钮文本
    nextLabel = "Volgende",
    # 自定义行数显示的文本格式
    showPageInfo = function(currentPage, pageSize, totalRows) {
      start <- (currentPage - 1) * pageSize + 1
      end <- min(currentPage * pageSize, totalRows)
      paste0(start, "-", end, " van ", totalRows, " rijen")
    }
  )
)

这段代码会生成符合需求的表格：

• 顶部显示1-10 van 150 rijen（随分页切换自动更新数值）
• 分页按钮显示为自定义的Vorige（上一页）和Volgende（下一页）

内容的提问来源于stack exchange，提问作者Quinten