title: Set content position inside Quasar Table
body: <p>I'm working with Vuejs 3 and Quasar.
  I'm using the <a href="https://quasar.dev/vue-components/table" rel="nofollow noreferrer">Quasar table</a> component, in which one of the column (Name) has a <a href="https://quasar.dev/vue-components/tree" rel="nofollow noreferrer">Quasar tree</a>, that the user can expand:
  <a href="https://i.stack.imgur.com/OoUm9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OoUm9.png" alt="enter image description here" /></a></p>
  <p>As you can see, when the tree is expanded, the content of the other columns goes in the middle of the row, but I would like them to stay on top (basically aligned to &quot;Test 1&quot;). Is there a way to do this?</p>
  <p>This is my code so far:</p>
  <pre><code>     &lt;q-table
        v-model:selected=&quot;selected&quot;
        :rows=&quot;rows&quot;
        :columns=&quot;columns&quot;
        row-key=&quot;id&quot;
        selection=&quot;multiple&quot;
        virtual-scroll
        :rows-per-page-options=&quot;[0]&quot;
        hide-bottom
    &gt;
      &lt;template #body=&quot;props&quot;&gt;
        &lt;q-tr
            v-ripple
            :props=&quot;props&quot;
            style=&quot;position:relative;&quot;
        &gt;
          &lt;q-td key=&quot;selected&quot;&gt;
            &lt;q-checkbox
                v-model=&quot;props.checkbox&quot;
            /&gt;
          &lt;/q-td&gt;
  
          &lt;q-td
              :key=&quot;column1&quot;
              :props=&quot;props&quot;
          &gt;
            &lt;q-toggle
                v-model=&quot;props.switch&quot;
                dense
            /&gt;
          &lt;/q-td&gt;
  
          &lt;q-td
              :key=&quot;column2&quot;
              :props=&quot;props&quot;
          &gt;
            {{ props.row.column2Data }}
          &lt;/q-td&gt;
  
          &lt;q-td
              :key=&quot;column3&quot;
              :props=&quot;props&quot;
          &gt;
            &lt;div class=&quot;q-pa-md q-gutter-sm&quot;&gt;
              &lt;TreeObject :data=&quot;props.row.data&quot;/&gt;
            &lt;/div&gt;
          &lt;/q-td&gt;
  
          &lt;q-td
              :key=&quot;column4&quot;
              :props=&quot;props&quot;
          &gt;
            Test
          &lt;/q-td&gt;
        &lt;/q-tr&gt;
      &lt;/template&gt;
    &lt;/q-table&gt;
  </code></pre>