yii2 gridview有条件地隐藏过滤器行

yii2 gridview有条件地隐藏过滤器行,gridview,yii2,Gridview,Yii2,如何在yii2中有条件地隐藏“过滤gridview的行和标题”。我想在pc屏幕上显示gridview的过滤器行,但在smartphone屏幕上隐藏,同时根据上述条件隐藏或显示gridview的标题。这有可能吗? 谢谢我看到两种可能的选择 1)使用CSS和媒体查询,例如: @media (min-width: 0px) and (max-width: 767px) { .filter { display: none; } } 使用像Bootstrap3这样的框架更

如何在yii2中有条件地隐藏“过滤gridview的行和标题”。我想在pc屏幕上显示gridview的过滤器行,但在smartphone屏幕上隐藏,同时根据上述条件隐藏或显示gridview的标题。这有可能吗?
谢谢

我看到两种可能的选择

1)使用CSS和媒体查询,例如:

@media (min-width: 0px) and (max-width: 767px) {
    .filter {
        display: none;
    }
}
使用像Bootstrap3这样的框架更容易,只需添加类
隐藏的xs
(请参阅中的更多信息)

这显然只是从视图中隐藏了所需的块,但它仍然被加载并存在于DOM中

2)如果您甚至不想生成与过滤器相关的HTML,您可以使用如下扩展。是的

用法示例:

<?php if (Yii::$app->devicedetect->isMobile()) { ?>
    <div class="filter">...</div>
<?php } ?>

...
根据您的需要进行选择。因为您还想隐藏GridView标题,所以选项1更好,因为否则您可能需要子类
GridView
widget