首页 > 解决方案 > Vuetify 数据表模板列不可排序或不可搜索

问题描述

使用模板构建一个列数据,该列的结果是一个普通的字符串,但是该列是不可排序或不可搜索的。

是否需要以任何方式更改此列的构造?以这种方式构建的其他列是可排序的。

表头

headers: [
    ...
    { text: "IDs", value: "ids" },
    ...
]

模板

  <template v-slot:item.ids="{ item }">
    {{
      Array.prototype.map
            .call(item.ids, function (id) {
              return id;
            })
            .join(", ")
    }}
  </template>

标签: javascriptvue.jsvuetify.js

解决方案


推荐阅读