Javascript V-client-table filterbycolumn如何使筛选器对某些列(而不是所有列)起作用?
这是一个关于vue及其v-table的问题,特别是它的v-client-table 此示例对名称宠物和生日进行了筛选,但对年龄、编辑或删除没有筛选 我需要类似的东西,但我无法在我的项目中重现这种影响。我有3列:名称、活动和编辑-编辑只是一堆按钮-我不需要排序或筛选按钮 这是我的表格代码:Javascript V-client-table filterbycolumn如何使筛选器对某些列(而不是所有列)起作用?,javascript,laravel,Javascript,Laravel,这是一个关于vue及其v-table的问题,特别是它的v-client-table 此示例对名称宠物和生日进行了筛选,但对年龄、编辑或删除没有筛选 我需要类似的东西,但我无法在我的项目中重现这种影响。我有3列:名称、活动和编辑-编辑只是一堆按钮-我不需要排序或筛选按钮 这是我的表格代码: <v-client-table :data="filteredList" :columns="['name', 'active', 'edit']" :options="options"
<v-client-table :data="filteredList"
:columns="['name', 'active', 'edit']" :options="options"
>
<template slot="name" scope="props">
<div v-if="props.row.editing">
<textbox v-model="editName"></textbox>
</div>
<div v-else>{{ props.row.name }}</div>
</template>
<template slot="active" scope="props">
<div v-if="props.row.editing">
<select class="form-control" v-model="editActive">
<option v-bind:value="1">Active</option>
<option v-bind:value="0">Inactive</option>
</select>
</div>
<div v-else>
<div v-if="props.row.active">Active</div>
<div v-else>Inactive</div>
</div>
</template>
<template slot="edit" scope="props">
<div class="text-right">
<button type = "button"
@click="editFabricator(props.row)"
class="btn btn-primary">
<div v-if="props.row.editing">Cancel</div>
<div v-else>Edit</div>
</button>
<button v-if="props.row.editing"
type = "button"
@click="saveEdit(props.row.id)" class="btn btn-primary">
Save
</button>
</div>
</template>
</v-client-table>
在jsfiddle上的示例中,声明表时,edit未列在:columns列表中,但它仍然显示在表中。如果我从:columns列表中删除edit,它将从表中删除edit列,并且无论我做什么,都无法让它显示出来。如果我把edit放在:columns列表中,那么该列就在那里,但它有一个过滤器。这是我不想要的
这是一个拉威尔项目。不确定这是否有区别。在“选项”下,使用 可过滤选项
{
"options": {
"filterByColumn": true,
"filterable": [
"name",
"active"
],
"headers": {
"name": "Name",
"active": "Active",
"edit": "Edit"
},
"listColumns": {
"active": [
{
"id": "0",
"text": "Inactive"
},
{
"id": "1",
"text": "Active"
}
]
}
}
}
在“选项”下,使用 可过滤选项
{
"options": {
"filterByColumn": true,
"filterable": [
"name",
"active"
],
"headers": {
"name": "Name",
"active": "Active",
"edit": "Edit"
},
"listColumns": {
"active": [
{
"id": "0",
"text": "Inactive"
},
{
"id": "1",
"text": "Active"
}
]
}
}
}