vuetify.js - 如何设置列以适应其内容宽度？

Question

如何设置v-data-table列以适应其内容宽度？

    <v-data-table
      style="background: transparent"
      dense
      :headers="headers"
      :items="items"
      disable-pagination
      hide-default-footer
      no-data-text="No data available"
    >
      <!-- Titles -->
      <template
        v-slot:item.title="{ item }"
      >
        <div class="text-primary">
          {{ item.title }}
        </div>
      </template>
    </v-data-table>

标签： vuetify.js