Yii2中排序列的默认css类

kd3sttzy 于 2022-11-09 发布在其他

关注(0)|答案(3)|浏览(183)

我只想为排序列添加默认类。
当我按列对表进行排序时，我代码添加了值为′ 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'],
            ],
...
        ]
    ]
);

我需要什么-添加'class=“sortable”'用于生成

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

标题中的链接

yii

来源：https://stackoverflow.com/questions/38150566/default-css-class-for-sorting-column-in-yii2

3条答案

按热度按时间

qojgxg4l1#

排序图标class是在application/views/layouts/main.php中由AppAsset.php加载的默认site.css文件中设置的，或者如果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";
}

赞(0）回复(0）举报 2022-11-09

t3psigkw2#

据我所知，您可以添加（该属性到每个列，应该有额外的类或其他属性，如样式）

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

但这会将class添加到th元素中，然后您可以在CSS中使用它，如下所示

th.sortable > a

赞(0）回复(0）举报 2022-11-09

mftmpeh83#

[ '属性' =〉'标题'，'排序链接选项' =〉[ '类' =〉'可排序' ]，]

this option can be used to add custom class on

这是
check actual implmented code

赞(0）回复(0）举报 2022-11-09

我来回答

Yii2中排序列的默认css类

3条答案

相关问题

热门标签

最新问答