我正在尝试过滤Name
中标记为action
的自定义列(vue-good-table
字段,下面的列代码)。但这不是在过滤自定义列数据。
模板文件:
<vue-good-table
:line-numbers="false"
:columns="columns"
:rows="rankArray"
:search-options="{
enabled: true,
skipDiacritics: true,
placeholder: 'Search Name List',
}"
styleClass="vgt-table striped">
<template slot="table-row" slot-scope="props" class="">
<span v-if="props.column.field == 'action'">
<button class="name_button" v-on:click="say(props.row.name)">
{{props.row.name}}
</button>
</span>
<span v-else>
{{props.formattedRow[props.column.field]}}
</span>
</template>
</vue-good-table>
这里的rankArray
只是对数据进行了排序,并带有一个额外的列,其中包含等级索引值。
表格的数据列如下所示:
columns: [
{
label: 'Rank',
field: 'rank',
filterable: false,
sortable: false,
},
{
label: 'Name',
field: 'action',
filterable: true,
sortable: false,
tdClass: this.nameClassFunc,
},
{
label: 'Rating',
field: 'rating',
filterable: false,
sortable: false,
},
],
我只想过滤带有标签的Name
列(字段名action
)。我该如何实现?