Как уменьшить расстояние между столбцами внутри v-таблицы vuetify? ⇐ CSS

[Anonymous]

Я пытаюсь настроить ширину таблицы и столбцов внутри v-таблицы и хочу сделать таблицу более компактной. Но ни один из них не работает.

Я хочу, чтобы эта таблица имела минимальную ширину при одинаковой ширине столбца, и я хочу, чтобы она выглядела эстетично.
Вот код

Код: Выделить всё

#
INFO
WARN
ERROR
ENTRY
TRACE ERROR





{{ key }}






















Apply 


Clear all



Select all 










import { ref } from 'vue'
import { onMounted } from 'vue'
const masks = ref({ value: ['info', 'warn', 'error', 'threadentry', 'tracefunc'] })




.v-table > .v-table__wrapper > table > thead > tr > th,
td {
min-width: 30px !important;
}

Я пробовал использовать классы для переопределения классов по умолчанию, а также селекторов CSS. Какие изменения мне следует внести?

Подробнее здесь: https://stackoverflow.com/questions/785 ... le-vuetify