报告查看器10 - CSS问题

时间:2013-12-27 06:43:58

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

我是报道服务的新手,无法在我的ASPX页面上正确呈现报表。我正在使用 MS报表查看器10 asp.net 4.0 一起使用。

之前我的工具栏在Chrome& Safari浏览器

enter image description here

所以在一些R& D之后,我找到了&在脚本下面应用相同的

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');
            });}}

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

enter image description here

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

enter image description here

SSRS报告

enter image description here

任何建议赞赏!!

1 个答案:

答案 0 :(得分:0)

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

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

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