По умолчанию класс css для сортировки столбца в Yii2

Question

Я просто хочу добавить класс по умолчанию для отсортированного столбца.

У меня есть код, который добавить атрибут класса со значением «ASC» или «DESC», когда я отсортирован таблицу по этому столбцу (часть кода):

GridView::widget(
    [ 
     'dataProvider' => $dataProvider, 
     'columns' => [ 
      [ 
       'attribute' => 'id', // <---- sorted by default, have 'class="desc"' 
       'contentOptions' => ['style' => 'width: 120px'], 
      ], 
      [ 
       'attribute' => 'name', //<- want to append 'class="sortable"' 
       'contentOptions' => ['style' => 'text-align: left'], 
       'headerOptions' => ['style' => 'text-align: left'], 
      ], 
... 
     ] 
    ] 
); 

Что мне нужно - добавить «класс =" сортировкой «» сгенерированных

<a href="/my/action">Name</a> 

звеньев в THEAD

Answer 1

насколько я знаю, вы могли бы добавить (это свойство для каждого столбца, который должен иметь дополнительный класс или другие свойства, такие как стиль)

'headerOptions' => ['class' => 'sortable'], 

но добавить класс к-го элемента, то вы можете использовать его в CSS, как этот

th.sortable > a 

Answer 2

значок сортировки class устанавливается в файле по умолчанию site.css, загружаемого AppAsset.php в вашем application/views/layouts/main.php или если у вас есть другое имя для файла layout, вы должны отрегулировать css класс a.asc:after и a.desc:after, если вам нужно обновить значок для сортировки.

a.asc:after { 
    content: "\e155"; 
} 

a.desc:after { 
    content: "\e156"; 
} 

Кроме того, существует numerical и ordinal классов сортировки тоже, если вам нужно изменить их тоже в зависимости от требований.

.sort-numerical a.asc:after { 
    content: "\e153"; 
} 

.sort-numerical a.desc:after { 
    content: "\e154"; 
} 

.sort-ordinal a.asc:after { 
    content: "\e155"; 
} 

.sort-ordinal a.desc:after { 
    content: "\e156"; 
}