javascript - Bootstrap-Table 自定义搜索

Question

我有一个看起来像这样的自定义搜索，但我该如何使用它
在所有列中，而不仅仅是 colName 列？
https://live.bootstrap-table.com/code/janttila/5112

function customSearch(data, text) {
    return data.filter(function (row) {

        return  row.colName.toLowerCase().replace(/\s/g, "").indexOf(text.toLowerCase().replace(/\s/g, "")) > -1

    })
  }

Answer 1

您可以遍历所有列。但也许提供一些更多的代码来获得有效的解决方案。我不知道你的数据对象到底是什么样子的。
//编辑:
关于您的数据结构，该函数将如下所示:

    function customSearch(data, text) {
return data.filter(function (row) {
 
  for (let items of Object.values(row)){
    if (items.toString().toLowerCase().replace(/\s/g, "").indexOf(text.toLowerCase().replace(/\s/g, "")) > -1){
    return true
  }
  }
})
}

我们遍历行中的所有 evalues 并检查是否有任何适合搜索文本。但请注意，您的数据集也包含您未显示的条目数量。这个也将包括在搜索中
//编辑2:

function customSearch(data, text) {
return data.filter(function (row) {
 searchFor = ["id", "name", "price"]
  
 for (elem of Object.keys(row)){
   if (searchFor.indexOf(elem) < 0) {
     delete row[elem]
   }
 }

  for (let items of Object.values(row)){
    if (items.toString().toLowerCase().replace(/\s/g, "").indexOf(text.toLowerCase().replace(/\s/g, "")) > -1){
    return true
  }
  }
})
}