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

Question

[Richard Millie]

Здравствуйте , уважаемые форумчане . Хочу поменять стили для тэга 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. Не нужно писать , что стили задаются для тега , а не для атрибута. Внимательнее прочитайте вопрос =)

Answer 1

[Алексей Николаев]

Если я правильно понял, используйте слот headers, по аналогии с item, который вы уже использовали. Там сможете задать любую разметку с любыми стилями \ классами \ атрибутами.