Javascript V-client-table filterbycolumn如何使筛选器对某些列(而不是所有列)起作用?

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"

这是一个关于vue及其v-table的问题,特别是它的v-client-table

此示例对名称宠物和生日进行了筛选,但对年龄、编辑或删除没有筛选

我需要类似的东西,但我无法在我的项目中重现这种影响。我有3列:名称、活动和编辑-编辑只是一堆按钮-我不需要排序或筛选按钮

这是我的表格代码:

<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"
                }
            ]
        }
    }
}