qtable whit virtual-scroll v-slot top-row or top-bottom not working



  • In my configuration q-table :

      <q-table
          class="my-sticky-header-column-table-caja"
          dense
          :data="cajaFilterDateData"
          :columns="columns"
          :filter="filter"
          :filter-method="filterCaja"
          row-key="name"
          :rows-per-page-options="[0]"
          :pagination.sync="pagination"
          flat
          bordered
          separator="cell"
          table-header-class="bg-orange text-white"
          virtual-scroll
        >
          <template v-slot:top-row>
            <q-tr>
              <q-td colspan="100%">Top row</q-td>
            </q-tr>
          </template>
    
          <template v-slot:bottom-row>
            <q-tr>
              <q-td colspan="100%">Bottom row</q-td>
            </q-tr>
          </template>
    

    display:table whit  virtual-scroll
    Only working whitout virtual-scroll prop:

     <q-table
          class="my-sticky-header-column-table-caja"
          dense
          :data="cajaFilterDateData"
          :columns="columns"
          :filter="filter"
          :filter-method="filterCaja"
          row-key="name"
          :rows-per-page-options="[0]"
          :pagination.sync="pagination"
          flat
          bordered
          separator="cell"
          table-header-class="bg-orange text-white"
        >
          <template v-slot:top-row>
            <q-tr>
              <q-td colspan="100%">Top row</q-td>
            </q-tr>
          </template>
    
          <template v-slot:bottom-row>
            <q-tr>
              <q-td colspan="100%">Bottom row</q-td>
            </q-tr>
          </template>
    

    Display correctly:
    alt text

    How can I solve the problem or get the desired result?
    Thank you.


Log in to reply