錯誤工具欄報告查看器

Question

我正在asp.net應用程序中使用帶有圖表的報告RDLC。 一切正常，直到我的ReportViewer工具欄開始這種奇怪的行為。 每個按鈕都有一個完整的行空間，然后一個工具欄變成五個條，每個按鈕一個。

我將字體與前一天備份的字體進行了比較，但沒有發現任何可能導致此問題的更改。 有人給小費嗎？

Answer 1

我在ReportViewer遇到了類似的問題，每個控件都放錯了位置。

我意識到Report Viewer只是一張桌子，經過調查，我發現某些CSS覆蓋了布局。

解決方案是針對特定的類或ID，而不是常規標簽。

例如，下面的代碼將影響報表查看器，因為它影響所有表和標題：

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

以下是安全的方法，不會影響報表查看器：

#someTableName {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

#myTableHeader {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}