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. Не нужно писать , что стили задаются для тега , а не для атрибута. Внимательнее прочитайте вопрос =)
  • Вопрос задан
  • 320 просмотров
Пригласить эксперта
Ответы на вопрос 1
Если я правильно понял, используйте слот headers, по аналогии с item, который вы уже использовали. Там сможете задать любую разметку с любыми стилями \ классами \ атрибутами.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы