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

2 votes189 views1 answer
How to set a default value for a dropdownlist in html with thymeleaf spring
Html
1 vote199 views1 answer
Html table column spacing mdn
Html
54 votes190 views6 answers
How to change font color in html
Html
0 vote177 views1 answer
Converting HTML table to image
Html
0 vote193 views1 answer
Crypto conversion calculator
Html
-1 vote187 views1 answer
Bootsrap link
Html
0 vote172 views1 answer
How to inset input tag in html
Html
1 vote187 views1 answer
How to disable password autofill in react
Html
0 vote199 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
1 vote200 views1 answer
Base tag after link tag
Html