1 QTable and 3 QSearch



  • Hello everyone.
    (I apologize in advance for my English).

    I have one QDataTable with 5 columns, and for first three columns i have 3 QSearch (type, name, info).

    But QTable has only one :filter=“filter”.

    How can I specify by what column should the QSearch look for?
    I need that first QSearch search in first column of QTable and etc.

    It’s looks like that:

                <q-table
                         :data="dishes"
                         :columns="columns"
                         row-key="name"
                         :filter="filter"
                >
                    <q-tr slot="top-row" slot-scope="props">
                        <q-td>
                            <q-search no-icon //search in type column
                                    type="text"
                                    v-model="filter"
                            />
                        </q-td>
                        <q-td>
                            <q-search no-icon //search in name column
                                    type="text"
                                    v-model="filter"
                            />
                        </q-td>
                        <q-td>
                            <q-search no-icon //search in info column
                                    type="text"
                                    v-model="filter"
                            />
                        </q-td>
                    </q-tr>
    

    Now QSearch search by name



  • Hi…im very interesting in this post, i trying to do something similar but with a q-select in the head of one of the columns…do you resolve your problem?..how?



  • can any one share the code please I am searching for it. as <q-table has only one property



  • I’m stuck with this issue too. Is anyone have solution? Please share, thank you!



  • @huyngo1407
    This is a pretty old thread, but you can use the filter-method property of q-table to implement your own filtering method.

    Ex : https://codepen.io/cp-tof06/pen/BajyyWp?editors=1010


Log in to reply