SSRS：2005，CSS 未应用于第一列

Question

我们的一些报告在 Firefox 中无法正确显示 - 第一列缺少任何 CSS。 经过调查，我发现：

<tr>
  <td style="HEIGHT:6.93mm" style="...">1st Column</td>
  <td style="...">2nd Column</td>
  <td style="...">3rd Column</td>
</tr>

当我删除 style="HEIGHT:6.93mm" 时，它在 Firefox 中正确呈现。

根据 JudyX 的帖子此处2006 年 2 月 13 日星期一晚上 11:54：

报告中第一列的样式无法正确设置。 报表查看器控件要求为所有表行指定“高度”。 不幸的是，它不会将此应用于表行元素，而是应用于该行中的第一个表单元格。 当它将其应用为样式属性时，它与我们在其他地方设置的样式冲突。

有没有人找到解决这个问题的方法？

Answer 1

我可以确认 SSRS 2005 中仍然会发生这种情况。Firefox 并不是唯一不能按照报表设计者的预期呈现此情况的浏览器。 显然，如果一个元素上分配了多个样式属性，则 IE7（可能还有 IE6）会假定最后一个样式属性为“win”。 在这种情况下，标准模式下的 IE8 和 Firefox 假定第一个样式属性为“win”。 我假设所有符合标准的浏览器都会做出与 IE8 和 Firefox 相同的选择，尽管我们的团队尚未对此进行测试。

我还没有找到修复程序方面的解决方案，但我确实有办法防止错误的 HTML 进入浏览器。 OMG Ponies - 感谢您将链接发布到 JudyX 的帖子。 Wodeh 在该帖子的 3/4 处回复了一个很好的解决方案 - 不幸的是，并不完全清楚如何使用发布的代码。

该方法是使用响应过滤器在包含 报表查看器控件。 过滤器可以访问将发送到浏览器的原始 HTML，这提供了直接修改 HTML 的机会，而不必导致新的第一列技巧。 在 Page_Load 方法中，我们使用以下代码设置 Response.Filter 属性：

    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Filter = new CorrectSSRSIssuesResponseFilter(Response.Filter);
        if (!IsPostBack) {
            RenderReport();
        }
    }

CorrectSSRSIssuesResponseFilter 类定义如下，主要基于帖子中的 Wodeh 代码。 秘诀在于 Write() 方法，该方法使用正则表达式删除第一个样式属性：

using System;
using System.Collections.Generic;
using System.IO;
using System.Text;

namespace Reports
{
    public class CorrectSSRSIssuesResponseFilter : Stream
    {
        private Stream _sink;
        private StringBuilder Output = new StringBuilder();

        public CorrectSSRSIssuesResponseFilter(Stream sink)
            : base()
        {
            _sink = sink;
        }

        public CorrectSSRSIssuesResponseFilter()
            : base()
        {
            _sink = new MemoryStream();
        }

        public override bool CanRead { get { return true; } }
        public override bool CanSeek { get { return true; } }
        public override bool CanWrite { get { return true; } }
        public override void Flush()
        {
            _sink.Flush();
        }
        public override long Length
        {
            get { return _sink.Length; }
        }
        public override long Position
        {
            get
            { return _sink.Position; }
            set
            { _sink.Position = value; }
        }

        public override int Read(byte[] buffer, int offset, int count)
        {
            return _sink.Read(buffer, offset, count);
        }

        public override long Seek(long offset, SeekOrigin origin)
        {
            return _sink.Seek(offset, origin);
        }

        public override void SetLength(long value)
        {
            _sink.SetLength(value);
        }

        public override void Write(byte[] buffer, int offset, int count)
        {
            string strBuffer = UTF8Encoding.UTF8.GetString(buffer, offset, count);
            //A Closing HTML tag indicates the response object has finished recieving the entire content of the page
            strBuffer = System.Text.RegularExpressions.Regex.Replace(
                strBuffer
                , "<TD style=\"[^\"]*\" style=(?<goodStyle>\"[^\"]*\")>"
                , "<TD style=${goodStyle}>"
                , System.Text.RegularExpressions.RegexOptions.Compiled
                );

            buffer = System.Text.Encoding.UTF8.GetBytes(strBuffer);
            _sink.Write(buffer, offset, buffer.Length);
        }

    }
}

Answer 2

解决方案并不是真正的解决方案；而是解决方案。 这是一个黑客行为。

当该行为出现时，定义新的第一列。 它应该具有以下属性：

1. 空 - 无文本、无表达式等
2. 设置最小宽度（0.03125 英寸）
3. 如果其他单元格上有边框样式，则在设置白色/等时将新的第一个单元格的右边框样式设置为匹配对于其他人。

Answer 3

这是 CSS 样式问题。 我过去使用 这篇文章：

您基本上必须找到报告服务的 css 文件（默认情况下，位于 C:\Program Files\Microsoft SQL Server\MSSQL .3\Reporting Services\ReportManager\Styles\ReportingServices.css（在报表服务器上），并向其中添加此类规则：

.DocMapAndReportFrame
{
min-height: 860px;
} 

Answer 4

在 ReportViewer 控件上尝试 AsyncRendering="true"。

通过异步渲染，生成的 HTML 没有两个样式标签 - 它使用 sytle 标签作为高度，所有其他样式都通过 td 元素上的 class 属性应用。

Answer 5

在我的例子中，一个更简单的解决方法解决了这个问题。 只需在损坏的行下方添加另一行并设置 Visibility:Hidden = True。

祝你好运！