0

I edited the css code to change the font-size of v-data-table. It dose not work, but the font-weight of table body can be changed. codepen

.v-data-table td{
  font-weight:bold;
  font-size:24px;
}

.v-data-table th{
  font-weight:bold;
  font-size:24px;
}
Li Maofeng
  • 7
  • 2

1 Answers1

1

Vuetify hard codes a ton of properties. In order to override a Vuetify style rule you need to use at least the same level of specificity or use !important.

Here is the proper selector for your use case:

.v-data-table>.v-data-table__wrapper>table>tbody>tr>td {...}

Here's a pen showing it.

To find the correct selector you should inspect the element and find where the rule you want to override is set.

JHeth
  • 7,067
  • 2
  • 23
  • 34