yii2 gridview有条件地隐藏过滤器行
如何在yii2中有条件地隐藏“过滤gridview的行和标题”。我想在pc屏幕上显示gridview的过滤器行,但在smartphone屏幕上隐藏,同时根据上述条件隐藏或显示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这样的框架更
谢谢我看到两种可能的选择 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