Vuetify truncate text

Vue truncate text

filters: {
        truncate: function (text, length, suffix) {
            if (text.length > length) {
                return text.substring(0, length) + suffix;
            } else {
                return text;
            }
        },
    }

Source: stackoverflow.com

Vuetify truncate text

<!-- For Vue/Vuetify -->
<!-- Requires display: inline-block or display: block -->

<span
  class="d-inline-block text-truncate"
  style="max-width: 150px;"
>
  Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus.
</span>

Similar codes

0 vote361 views2 answers
Como dividir texto 2 colunas em HTML
Html
147 votes304 views4 answers
Import script html
Html
0 vote336 views1 answer
Fix table height html
Html
0 vote338 views1 answer
Hide table column using JavaScript
Html
0 vote302 views1 answer
Html tag mp3
Html
1 vote361 views1 answer
Html canvas clear shadow
Html
1 vote333 views1 answer
Hide top bar menu item odoo
Html
0 vote342 views1 answer
Selenium click not working
Html
0 vote356 views1 answer
Html cheetsheet.com
Html
0 vote309 views1 answer
Who is circle are you acting like(c)[https://www.youtube.com/fe:f9:39:B4:2+02/history(0 YouTube
Html