Go to content

Press enter

Gør dig stærkere

Bliv medlem Fordele Find svar Vælg 3F afdeling

• Søg
• Log ind
• Menu

Table with ellipsis

This example shows a table with ellipsis.

Data table

Emne	Kategori	Dato
Denne celle fylder én linje, da teksten cuttes med ellipsis lorem ipsum dolor sit amet, con sec tetur adipiscing elit sed sodales, nibh eget venenatis vulputate purus.	Dagpenge	I dag, 10:48
Denne celle fylder også én linje, da teksten cuttes med ellipsis lorem ipsum dolor sit amet	Dagpenge	I dag, 10:49
Denne celle har fået påsat attributten overflow og giver således teksten frit spil til at folde sig ud over flere linjer. Lorem ipsum dolor sit amet, con sec tetur.	Dagpenge	I dag, 10:50

Code

<v-table class="my-3" :columns="['Emne', 'Kategori', 'Dato']">
  <v-row>
    <v-cell>Denne celle fylder én linje, da teksten cuttes med ellipsis lorem ipsum dolor sit amet, con sec tetur adipiscing elit sed sodales, nibh eget venenatis vulputate purus.</v-cell>
    <v-cell>Dagpenge</v-cell>
    <v-cell>I dag, 10:48</v-cell>
  </v-row>
  <v-row>
    <v-cell>Denne celle fylder også én linje, da teksten cuttes med ellipsis lorem ipsum dolor sit amet</v-cell>
    <v-cell>Dagpenge</v-cell>
    <v-cell>I dag, 10:49</v-cell>
  </v-row>
  <v-row>
    <v-cell overflow>Denne celle har fået påsat attributten <code>overflow</code> og giver således teksten frit spil til at folde sig ud over flere linjer. Lorem ipsum dolor sit amet, con sec tetur.</v-cell>
    <v-cell>Dagpenge</v-cell>
    <v-cell>I dag, 10:50</v-cell>
  </v-row>
</v-table>