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

201 votes356 views6 answers
Open in new tab html
Html
0 vote257 views1 answer
Set default selected option in select form laravel
Html
2 votes270 views1 answer
Change icon on button click
Html
0 vote268 views1 answer
Html string to int
Html
0 vote273 views2 answers
Font awesome css content not showing
Html
0 vote264 views2 answers
Bootstrap table no border
Html
0 vote273 views1 answer
Nested select option in html
Html
1 vote256 views1 answer
Bs4 no border
Html
9 votes273 views5 answers
Float in bootstrap 5
Html
0 vote254 views1 answer
Ta html inside vue data function
Html