javascript - 如何在vuejs中隐藏filterByColumn下的 "Filter By Name"搜索框？

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'],
    }
  }
})