No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. dan_wilson
    D
    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 2
    • Best 0
    • Groups 0

    dan_wilson

    @dan_wilson

    0
    Reputation
    1
    Profile views
    2
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    dan_wilson Follow

    Latest posts made by dan_wilson

    • RE: Icon in table body cell slot cannot be rendered in grid mode

      Check out this thread for another implementation:
      https://forum.quasar-framework.org/topic/5523/table-slots-disappear-when-grid-mode

      posted in Framework
      D
      dan_wilson
    • RE: Table slots disappear when grid mode

      Thanks @awipf! That was really helpful to me.

      In case it is useful to anyone, I mocked up something approximating the “default” slot as a starting point:

      <template v-slot:item="props">
        <div class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition">
          <q-card>
            <q-list dense>
              <q-item v-for="col in props.cols" :key="col.name">
                <div class="q-table__grid-item-row">
                  <div class="q-table__grid-item-title">{{ col.label }}</div>
                  <div class="q-table__grid-item-value">{{ col.value }}</div>
                </div>
              </q-item>
            </q-list>
          </q-card>
        </div>
      </template>
      
      posted in Framework
      D
      dan_wilson