如何通过行ID/索引筛选DataTable并仅显示目标行？

要实现仅显示指定ID的DataTable行，无需新增列，直接利用DataTables的行操作API即可高效完成，以下是两种实用方法：

方法一：直接控制行可见性（简洁直观） #

先隐藏所有行，再单独显示目标ID对应的行，步骤清晰且高效：

// 获取DataTable实例
var table = this.api();

// 重置之前的所有筛选状态（可选，根据你的场景决定是否需要）
table.search('').columns().search('').draw();

// 隐藏所有行
table.rows().every(function() {
  this.visible(false);
});

// 显示指定ID的行并重绘表格
table.row('#198').visible(true).draw(false);

• draw(false) 参数表示重绘时不重置分页状态，保持当前分页位置，提升用户体验。

方法二：通过筛选器批量处理（适合大数据量） #

利用rows().filter()筛选出需要隐藏的行，一次性设置可见性，性能更优：

var table = this.api();
var targetRowId = '198';

// 重置筛选状态（可选）
table.search('').columns().search('').draw();

// 筛选出所有ID不等于目标ID的行并隐藏
table.rows(function(idx, data, node) {
  return node.id !== targetRowId;
}).visible(false);

// 确保目标行处于可见状态
table.row('#' + targetRowId).visible(true);

// 重绘表格
table.draw(false);

关键说明 #

• 两种方法都直接操作行DOM节点的id属性，无需额外存储ID到表格列中，完全符合你的需求；
• 若不需要保留之前的筛选状态，可跳过重置筛选的步骤；
• row('#198') 是DataTables原生支持的通过行ID选择行的语法，无需额外处理索引。

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