Удалить стрелку раскрывающегося списка в заголовке таблицы данных vuetify?

Во-первых, я почти уверен, что вы можете получить доступ к этому тегу значка <i> с помощью css, потому что тот факт, что какой-то элемент создается динамически, не предотвращает его влияние на ваш css.

Конечно, ваш css может получить отвергнутый из-за Vuetify css, в соответствии с правилами специфичность. Я бы предложил начать с добавления свойства class к <v-data-table>, чтобы вы могли указать CSS для тега примерно так:

.my-datatable-class .datatable thead th.column.sortable i {
    display: none;
}

Другое дело, если вы используете стиль с областью видимости, это и многое другое о специфичности css рассматривается здесь, спасибо @Traxo

Другой вариант - реализовать весь раздел заголовка таблицы данных самостоятельно, что разрешено Vuetify с использованием слоты с ограниченным объемом. Пример того, как это сделать, находится в Примеры, ищите Слот: предметы и заголовки и там в коде шаблона вы можете увидеть <v-icon small>arrow_upward</v-icon>. вещь, просто реализуйте заголовки, опуская это, и вы идете без css, добавляя что-то подобное в свой <v-data-table>:

<template slot = "headers" slot-scope = "props">
  <tr>
    <th
      v-for = "header in props.headers"
      :key = "header.text"
      :class = "['column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '']"
      @click = "changeSort(header.value)"
    >
      {{ header.text }}
    </th>
  </tr>
</template>

Нет необходимости писать какой-либо собственный CSS. Просто можно использовать предоставленное свойство vuetify

sort-icon

Достаточно указать значение sort-icon как false. Он скроет значок сортировки всех столбцов, поскольку я вижу, что это то, что вам нужно.

<v-data-table
    :headers = "headers"
    :items = "items"
    :sort-icon = "false"
  >

Лучший способ скрыть значок сортировки - через header-props. Например:

<v-data-table
  :headers = "headers"
  :items = "items"
  :header-props = "{ sortIcon: null }"
>

используйте опцию sortable false для необходимых столбцов

бывший-:

headers: [{ text: 'Name', value: 'name', sortable: false },
          { text: 'Date', value: 'date', sortable: false }]