Header Filter

[gabrielaHashdex]

Header filter is not working on my application, all others filters are working tho. There is something I may be missing?

<q-grid
  class="shadow-1"
  flat
  bordered
  title="Employees"
  :data="processedRows"
  :columns="columns"
  :pagination="paginationOptions"
  :loading="loading"
  :header_filter="true"
  :global_search="true"
  :fullscreen="true"

>

[pratik227]

@gabrielaHashdex,

You are missing show_filter:true

{
    name: 'name',
    required: true,
    label: 'Dessert (100g serving)',
    align: 'left',
    field: 'name',
    sortable: true,
    show_filter:true,
 }

[Anttonino]

Good, now worked! But this information not exist in qgrid documentation, It would be nice if this was specified in the example code.

The header filter icon doesn't appears.

The following codes are:

    <q-grid
      class="shadow-1"
      flat
      bordered
      title="Employees"
      :data="processedRows"
      :columns="columns"
      :pagination="paginationOptions"
      :loading="loading"
      :header_filter="true"
      :global_search="true"
      :fullscreen="true"

    >

    </q-grid>

    const columns = [
       {
         name: 'name',
         align: 'left',
         label: 'Name',
         field: 'name',
         sortable: true,
         show_filter:true
    },

[pratik227]

    extras: [
      // 'ionicons-v4',
      // 'mdi-v5',
      'fontawesome-v5',
      // 'eva-icons',
      // 'themify',
      // 'line-awesome',
      // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!

      'roboto-font', // optional, you are not bound to it
      'material-icons' // optional, you are not bound to it
    ],

It uses fontawesome-v5 icon uncomment it in quasar-conf-js