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

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

How to Hide "Filter By Name" search box under filterByColumn in vuejs?

javascript

filter

vue.js

css-tables