问在类星表中设置内容位置

EN

     <q-table
      v-model:selected="selected"
      :rows="rows"
      :columns="columns"
      row-key="id"
      selection="multiple"
      virtual-scroll
      :rows-per-page-options="[0]"
      hide-bottom
  >
    <template #body="props">
      <q-tr
          v-ripple
          :props="props"
          style="position:relative;"
      >
        <q-td key="selected">
          <q-checkbox
              v-model="props.checkbox"
          />
        </q-td>

        <q-td
            :key="column1"
            :props="props"
        >
          <q-toggle
              v-model="props.switch"
              dense
          />
        </q-td>

        <q-td
            :key="column2"
            :props="props"
        >
          {{ props.row.column2Data }}
        </q-td>

        <q-td
            :key="column3"
            :props="props"
        >
          <div class="q-pa-md q-gutter-sm">
            <TreeObject :data="props.row.data"/>
          </div>
        </q-td>

        <q-td
            :key="column4"
            :props="props"
        >
          Test
        </q-td>
      </q-tr>
    </template>
  </q-table>