Filtering q-table with 2 q-select



  • Hello folks,

    Spent some time already on this, I thought it would be straight forward, but I don’t get it. Also, I’m just taking over this app, but have very limited understanding of the framework right now. So sorry if the question is too obvious. Any help appreciated.

    Basically here is my template :

        <q-select
          v-model="lang"
          :options="available_languages"
          label="Language"
        />
    
        <q-select
          v-model="lang"
          color="lime-11"
          :options="available_subjects"
          label="Subject"
        />
        <q-table
          title="List of available content"
          :data="available_contents"
          :columns="columns"
          :filter="lang"
          row-key="content_id"
          selection="multiple"
          :selected.sync="available_selected"
        >
    

    Here, :options are dynamically generated. And :data taken from a database.
    Each row have content_id, title, language and subject metadata. So how can I just filter out what my table is showing based on selection?
    The script is quite long, if you need any part from it, just ask.

    Thank you for any hints.
    Steven



  • @swbsf use filter-method to implement your own filter.


Log in to reply