客户端搜索不会去除 Bootstrap 表中的格式？

Question

我正在使用 Bootstrap-table 的 客户端搜索功能。总的来说，它工作得很好；我唯一的问题是它不剥离格式...

例如，如果我有一个 User name 列，我在那里放了一个这样的值：

<td><strong>Smith</strong> John</td>

然后 Search 将找到字符串“Smith”或“John”，但搜索“Smith John”将匹配零行。

Answer 1

Bootstrap-table 的客户端搜索功能默认情况下不会在执行搜索之前从单元格内容中删除任何格式或 HTML 标记。一种解决方案是创建自定义搜索功能，使用正则表达式删除 HTML 标签。

function customSearch(data, text) {
  text = text.toLowerCase();
  return data.filter(function(row) {
    var cellText = $(row).text().toLowerCase().replace(/(<([^>]+)>)/ig, '');
    return cellText.indexOf(text) > -1;
  });
}

将

searchMethod

选项设置为自定义搜索功能的名称

$('#table').bootstrapTable({
  search: true,
  searchMethod: 'customSearch'
});