comewithme38
@comewithme38

Как поменять стили для тега vuetify?

Здравствуйте , уважаемые форумчане . Хочу поменять стили для тэга vuetify v-data-table . Как мне обратиться к :headers="dataSecretsTableHeaders" , если я хочу поменять стили только для dataSecretsTableHeaders в CSS?
<div class="table">
			<v-data-table
				:headers="dataSecretsTableHeaders"
				:items="dataSecrets"
				:items-per-page="7"
				class="table"
			>
				<template v-slot:item.action="{ item }">
					<v-icon
						small
						class="mr-2"
						@click="editItem(item)"
					>
						edit
					</v-icon>
					<v-icon
						small
						@click="deleteItem(item)"
					>
						delete
					</v-icon>
				</template>
				<template v-slot:item.button="{ item }">
					<button
						class='button-secondary'
						@click="goTo(`/data-secrets/analytics/${item.id}`,item)"
					>
						View Analytics
					</button>
				</template>
			</v-data-table>
		</div>

P.S. Не нужно писать , что стили задаются для тега , а не для атрибута. Внимательнее прочитайте вопрос =)
  • Вопрос задан
  • 124 просмотра
Пригласить эксперта
Ответы на вопрос 1
Если я правильно понял, используйте слот headers, по аналогии с item, который вы уже использовали. Там сможете задать любую разметку с любыми стилями \ классами \ атрибутами.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 160 000 до 240 000 ₽
SIMDEV Ульяновск
от 70 000 ₽
29 февр. 2020, в 16:25
500 руб./в час
29 февр. 2020, в 15:51
1000 руб./за проект