@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 回答日時： 2014/12/12 10:45

示された部分以外に原因があるようです。

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

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

この回答へのお礼

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

お礼日時：2014/12/13 16:34