Sunday, May 19, 2024
 Popular · Latest · Hot · Upcoming
88
rated 0 times [  94] [ 6]  / answers: 1 / hits: 11679  / 4 Years ago, sat, july 18, 2020, 12:00:00

I'm really confused by ":item-class" prop in Vuetify (v. 2.3.4) data table. It does nothing even if I try to add a static text class.


<v-data-table class="mt-10"
item-key="id"
:headers="headers"
:items="user_tender_assignment_table.user_tender_assignments"
:loading="user_tender_assignment_table.loading"
:loading-text="tables.loading_text"
:search="user_tender_assignment_table.search"
v-model="user_tender_assignment_table.selected"
:footer-props="tables.footer_props"
:item-class="'xxx'"
</v-data-table>

It just renders tr tags without any class:


enter


Do you know why? I think it worked some time ago and I haven't changed Vuetify (2) version.


More From » html

 Answers
5

item-class does not specify the CSS classes directly. If it is a String - then it specifies the property inside the item's Object which contains the CSS class(es). If it is a Function - then it gets the item as its argument and must return the CSS class(es).


[#3138] Wednesday, July 15, 2020, 4 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
frederickmohamedw

Total Points: 21
Total Questions: 123
Total Answers: 105

Location: The Bahamas
Member since Tue, Apr 27, 2021
3 Years ago
frederickmohamedw questions
Wed, Sep 23, 20, 00:00, 4 Years ago
Sun, Apr 26, 20, 00:00, 4 Years ago
Sat, Jan 11, 20, 00:00, 4 Years ago
Fri, Dec 27, 19, 00:00, 4 Years ago
Thu, Jul 25, 19, 00:00, 5 Years ago
;