@mediaprint

質問

印刷用のCSSを用意して、
ListViewとGridViewのそれぞれのページを印刷したいのですが、
GridViewがあるページが表示されません。（真っ白ページになります）

どのようにすればGridViewを表示することができるでしょうか

---html

<div id="table_pnl" class="table-responsive">
　<asp:GridView ID="_listView" runat="server" class="table table-responsive table-bordered table-hover table-striped grid" ClientIdMode="Static">
　</asp:GridView>
</div>

---css

body{
margin: 0;
font-size: 5pt;
}

#wrapper{
padding: 0;
}

#page-wrapper{
padding: 0;
}

.navbar{
display: none;
}

#print_eria{
border: none;

}

#print_eria div{
display: none;
}

#print_eria .panel-body,
#print_eria .table-responsive,
#print_eria #comment_new_erea,
#print_eria .print-header,
#print_eria .print-footer{
display: block!important;
}

.panel-body{
padding: 5px;
}

.table-responsive tr{
display: table-row;
}

.table-responsive td,
.table-responsive th{
display: table-cell;
}

.table-responsive thead {
display: table-header-group!important;
}

.table-hgroup thead {
display: table-header-group;
color: #ff0000;
}

回答No.1

ORUKA1951 · ベストアンサー

示された部分以外に原因があるようです。
とりあえず、それをmedia="screen"に変更(screen用のスタイルと置き換えて)して、firebigなどで、スタイル指定を確認すること。
・HTMLからプレゼンテーションに関わる物をなくすこと
・セレクタは基点セレクタからきちんと書かないとメンテナンス出来ないですよ。
(例)
<div id="table_pnl" class="table-responsive">
じゃなくて、
<div id="data1">

div.section div#data1{}
とかね。

お礼

ありがとうございます！
記載の部分以外に問題がありました。
無事解決できました！
ありがとうございます！