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

11 votes238 views3 answers
Popup modal form bootstrap
Html
50 votes174 views3 answers
Html label tag
Html
14 votes168 views5 answers
Convert string to boolean js
Html
2 votes265 views1 answer
Html insert remote image
Html
0 vote168 views2 answers
Binding combobox header datagrid wpf
Html
0 vote296 views1 answer
Howdy
Html
1 vote171 views2 answers
Html phone number validation pattern
Html
38 votes175 views6 answers
Html iframe example
Html
3 votes172 views1 answer
Mdn html number input box
Html
0 vote179 views1 answer
How to alert in http
Html