报告查看器 10 - CSS 问题答案

【问题标题】：Report Viewer 10 - CSS Issue报告查看器 10 - CSS 问题
【发布时间】：2014-01-06 14:53:57
【问题描述】：

我是报告服务的新手，无法在我的 ASPX 页面上正确呈现报告。我正在使用 MS Report viewer 10 和 asp.net 4.0。

之前我的工具栏在 Chrome 和 Safari 中无法正确呈现

所以经过一些研发后，我发现并应用了以下脚本

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function () { fixReportingServices('divReport'); });

    function fixReportingServices(container) {
        if (navigator.userAgent.indexOf('Safari') != -1 || navigator.userAgent.indexOf('Chrome') != -1) {
            $('#' + container + ' table').each(function (i, item) {
                if ($(item).attr('id') && $(item).attr('id').match(/fixedTable$/) != null)
                    $(item).css('display', 'table');
                else
                    $(item).css('display', 'inline-block');
            });}}

所以我的工具栏问题得到了解决:)

但是在上面应用之后，我现在面临其他 CSS 问题。现在我的页码与报告内容重叠。 :(

SSRS 报告

任何建议表示赞赏!!

【问题讨论】：

你放了相对定位吗？
@BuddhistBeast 是的......它在相对位置。
使用 clear 怎么样？页码是否被称为整个内容之外的页脚？
@BuddhistBeast .. 清楚什么？供您参考，我还上传了该 ssrs 报告图片。
页码是代码中最后调用的吗？

标签： jquery css google-chrome safari report-viewer2010

【解决方案1】：

神圣的废话.. 通过创建以下脚本解决。

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function () { fixToolbar(); });

    function fixToolbar() {
        $("#ctl00_ReportViewer1_Toolbar table").each(function (i, item) {
            $(item).css('display', 'inline-block');
        });
    }

【讨论】：