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.

Eksempel på ellipsis

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 caption="Eksempel på ellipsis" 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>