0

I need to filter data, including or excluding, multiple possible options in a column, but I don't know how to do it.

this only shows me a "single" select below the column name, with the possible options, but I can't select multiple of them, and I can't find an option to do that.

I need to filter by 2 rooms or multiple users, but the selection is not multiple, and there is no option to do it.

Now I have this HTML code:

<v-client-table id="messages" style="width:100%;" ref="table_reference" :options="table_options" :columns="table_fields" v-model="messages_array">
</v-client-table>

and this table configuration (messages, and other vars excluded):

 const app2 = {
            el: "#messages-container",
            data() {
                return {

                    table_options: {
                        filterByColumn: true,
                        texts: {
                            filterPlaceholder: ""
                        },
                        selectable: {
                            mode: 'single', // or 'multiple'
                            only: function(row) {
                                return true // any condition
                            },
                            selectAllMode: 'all',
                            programmatic: false
                        },
                        sortIcon: {
                            base: 'fa fas',
                            up: 'fa-long-arrow-alt-up',
                            down: 'fa-long-arrow-alt-down',
                            is: 'fa-sort'
                        },
                        listColumns: {
                            user_id: [],
                            room: [],
                            status: []
                        },
                        sortable: ['user_id', 'status', 'room', "created"],
                        filterable: ['user_id', "room", "status"],
                        headings: {
                            id: '#',
                            user_id: 'Name',
                            navigator_info: 'Details',
                            message: 'Message',
                            room: 'Room',
                            status: 'Status',
                            created: 'Date',
                            response_to: 'Actions'
                        }
                    },
                    table_fields: ["id", "user_id", "message", "room", "status", "created"],
                }
            }
        };

I think this is a common use of a data table, and there should be a way to do it. I would appreciate your help. Thank you very much in advance!

0 Answers0