阻止v-data-table的标头插槽中的v-icon旋转

Question

CodePen

在CodePen示例中，我向标题模板添加了第二个"STRING,STRING".split(',')。如果对列进行排序，当我希望第二个图标不旋转时，您会看到两个图标都旋转。我如何标记它以使其不旋转？

Answer 1

您可以通过CSS执行此操作。这是更新的Codepen

https://codepen.io/aldarund/pen/yqgVgy

...
<v-icon class='no-rotate' small>filter_list</v-icon>
...
.v-datatable thead th.column.sortable.active.desc .no-rotate {
    transform: none !important;
}