SSRS 2019及更高版本参数面板最大高度修改方法咨询

问题现象 #

SSRS 2016的参数面板最大高度为100%，但SSRS 2019及更高版本中，参数面板最大高度被限制为40vh（视口高度），超出部分会显示垂直滚动条，严重影响报表操作体验。通过浏览器开发者工具定位到限制高度的核心元素：

<div id="ReportViewerControl_ctl04" style="max-height:40vh;width:100%;overflow:auto;">

已尝试的无效方案 #

• 修改服务器上的HTMLView.css文件：该元素使用内联样式而非类选择器，CSS文件的规则无法覆盖内联样式，修改无效。
• 配置品牌化（Branding）：对参数面板高度限制无任何作用。
• 在报表中添加JavaScript触发链接：通过HTML链接执行JS修改高度，代码如下，但链接只能放置在报表内容区域，需要用户手动点击触发，实用性极低。

<Value>="<a href=""javascript:var pane = document.getElementById('ReportViewerControl_ctl04');if(pane){ pane.style.maxHeight='100vh'; void(0);}"" >Expand</a>"</Value>

可行解决方案 #

方案1：自定义嵌入报表页面（推荐，适用于开发/管理员） #

如果通过自定义页面嵌入SSRS报表Viewer，可在页面加载完成后自动执行脚本修改高度：

1. 创建自定义ASP.NET页面并嵌入ReportViewer控件。
2. 在页面中添加以下脚本，确保报表Viewer异步加载完成后触发修改：

window.onload = function() {
    // 定时检测元素加载状态，适配报表异步渲染
    const checkPane = setInterval(() => {
        const pane = document.getElementById('ReportViewerControl_ctl04');
        if (pane) {
            pane.style.maxHeight = '100vh';
            pane.style.overflow = 'visible'; // 可选：移除滚动条
            clearInterval(checkPane);
        }
    }, 500);
};

此方案无需用户操作，页面加载后自动生效。

方案2：浏览器用户脚本（适用于终端用户） #

终端用户可借助Tampermonkey等脚本工具，添加自动修复脚本：

// ==UserScript==
// @name         SSRS 参数面板高度修复
// @version      0.1
// @description  自动解除SSRS 2019+参数面板40vh高度限制
// @match        *://你的SSRS服务器域名/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const checkPane = setInterval(() => {
        const pane = document.getElementById('ReportViewerControl_ctl04');
        if (pane) {
            pane.style.maxHeight = '100vh';
            clearInterval(checkPane);
        }
    }, 500);
})();

替换脚本中的你的SSRS服务器域名为实际地址，打开报表页面时脚本会自动执行。

方案3：修改SSRS系统页面（需管理员权限，谨慎操作） #

拥有服务器管理员权限时，可修改SSRS的Viewer页面源码：

1. 找到SSRS安装目录下的ReportViewer.aspx文件（默认路径：C:\Program Files\Microsoft SQL Server Reporting Services\SSRS\ReportManager\Pages）。
2. 在页面底部添加以下脚本：

<script type="text/javascript">
    window.addEventListener('load', function() {
        const checkPane = setInterval(() => {
            const pane = document.getElementById('ReportViewerControl_ctl04');
            if (pane) {
                pane.style.maxHeight = '100vh';
                clearInterval(checkPane);
            }
        }, 500);
    });
</script>

注意：修改系统文件可能影响SSRS升级和稳定性，操作前务必备份原文件。

关于版本差异的说明 #

微软在SSRS 2019及后续版本中限制参数面板高度，主要是为了适配响应式布局，避免参数面板过长挤压报表内容，但该设计在参数较多的场景下反而降低了体验。

内容的提问来源于stack exchange，提问作者cbuck12000