jQuery DataTable如何保留基础信息并隐藏行选择提示？

嘿，这个需求我之前刚好碰到过，不用关掉整个bInfo，咱们可以通过DataTables的infoCallback配置项来精准控制信息栏的显示内容，只保留你需要的基础分页信息。

直接上可行的代码示例：

$('#example').dataTable({
  select: true,
  infoCallback: function(settings, start, end, max, total, pre) {
    // 自定义返回我们需要的基础信息文本
    return `Showing ${start} to ${end} of ${total} entries`;
  }
});

简单解释下： #

• infoCallback是DataTables专门用来自定义信息栏内容的回调函数，每次表格更新（比如分页、选中行）时都会触发它
• 函数参数里的start、end、total刚好对应默认信息里的起始条目数、当前页结束条目数、总条目数，完美匹配你想要保留的格式
• 直接返回你需要的固定格式文本，就能完全覆盖默认的包含选中行提示的内容

如果你的DataTables版本比较老（比如1.10.x之前的版本），那需要把infoCallback换成旧版的fnInfoCallback，代码逻辑是一样的：

$('#example').dataTable({
  select: true,
  fnInfoCallback: function(oSettings, iStart, iEnd, iMax, iTotal, sPre) {
    return `Showing ${iStart} to ${iEnd} of ${iTotal} entries`;
  }
});

这样设置之后，不管你有没有选中行，信息栏都会稳稳显示你想要的Showing 1 to 10 of 19 entries这类基础分页信息，不会再出现多余的选中提示啦～

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