javascript - 如何在vuejs中的filterByColumn下隐藏“按名称过滤”搜索框？

我正在关注一个教程，但我想隐藏或删除此搜索框。
我已经浏览了Internet，但似乎还没有找到解决方案。

我想摆脱这两个搜索框：



我的代码是这样的：

 Vue.use(VueTables.client, {
  compileTemplates: true,
  filterByColumn: true,

  sortable: false,
  texts: {
    filter: "Search:"
  },
  datepickerOptions: {
    showDropdowns: true
  },
  ---
});

是否有filterByColumn选项隐藏这两个框？

完整代码在这里：https://jsfiddle.net/e0uLphvk/

最佳答案

这是更新的jsfiddle。

基本上，您需要将要过滤的列添加到Vue数据中的options.filterable数组。

new Vue({
  // ..
  data: {
    // ..
    options: {
      //...
      filterable: ['manufacturer', 'birth_date'],
    }
  }
})

关于javascript - 如何在vuejs中的filterByColumn下隐藏“按名称过滤”搜索框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45230192/