Как увеличить размер шрифта таблицы данных vuetify?

Question

У меня есть дочерний компонент с таблицей данных. Но размер шрифта DOM внутри дочернего компонента становится маленьким. Я пытаюсь узнать, есть ли способ увеличить размер шрифта моего заголовка таблицы данных и th. Если еще нужно сделать, чтобы дочерний компонент сохранял тот же размер шрифта, что и родительский или родительский компонент.

Я пробовал header {font-size:15px} и th {font-size:12x} внутри дочернего компонента и не сделал этого. т работы.

Answer 1

Внутри вашего дочернего компонента определите свой собственный стиль в style scope, как показано ниже:

<style scoped>
  .v-data-table header {
    font-size: 14px;
  }

 .v-data-table th {
   font-size: 12px;
 }

 .v-data-table td {
   font-size: 12px;
 }
</style>