如何隐藏＆＃34;按姓名过滤＆＃34;在vuejs中filterByColumn下的搜索框？

Question

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

我想摆脱这两个搜索框：

我的代码是这样的：

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

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

是否有任何filterByColumn选项可以隐藏这两个框？

完整代码在此处：https://jsfiddle.net/e0uLphvk/

Answer 1

以下是更新的jsfiddle。

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

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