Можно ли удалить элемент span с классом sr-only в таблице Bootstrap - vue? - PullRequest
Новая
       0

Можно ли удалить элемент span с классом sr-only в таблице Bootstrap - vue?

0 голосов
/ 25 марта 2020

Вот пример таблицы Bootstrap - vue: 

<template>
  <div>
    <b-table striped hover :items="items" :fields="fields"></b-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        // Note 'isActive' is left out and will not appear in the rendered table
        fields: [
          {
            key: 'last_name',
            sortable: true
          },
          {
            key: 'first_name',
            sortable: false
          },
          {
            key: 'age',
            label: 'Person age',
            sortable: true,
            // Variant applies to the whole column, including the header and footer
            variant: 'danger'
          }
        ],
        items: [
          { isActive: true, age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
          { isActive: false, age: 21, first_name: 'Larsen', last_name: 'Shaw' },
          { isActive: false, age: 89, first_name: 'Geneva', last_name: 'Wilson' },
          { isActive: true, age: 38, first_name: 'Jami', last_name: 'Carney' }
        ]
      }
    }
  }
</script>

, и если открыть консоль, элемент thead будет выглядеть так: 

<th role="columnheader" scope="col" tabindex="0" aria-colindex="1" aria-sort="none" class="">
   Last Name
   <span class="sr-only"> (Click to sort Ascending)</span>
</th>

Есть ли Можно ли удалить 

<span class="sr-only"> (Click to sort Ascending)</span>

с помощью свойства Bootstrap - vue? Если возможно, я не хочу удалять его с помощью JavaScript после его сборки. Спасибо

...