印刷用の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ベストアンサー
- 回答日時:
示された部分以外に原因があるようです。
とりあえず、それをmedia="screen"に変更(screen用のスタイルと置き換えて)して、firebigなどで、スタイル指定を確認すること。
・HTMLからプレゼンテーションに関わる物をなくすこと
・セレクタは基点セレクタからきちんと書かないとメンテナンス出来ないですよ。
(例)
<div id="table_pnl" class="table-responsive">
じゃなくて、
<div id="data1">
div.section div#data1{}
とかね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- MySQL SHOW CREATE TABLE posts;これって何ですか? 3 2022/08/28 22:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブル幅が固定できない
-
テーブルとテーブルの間隔について
-
正規表現で「より前」と「より後」
-
tableのcellpadding="0" cellsp...
-
<fieldset>タグについて
-
テーブルが二重で表示されてし...
-
TR タグの表示・非表示を一括で...
-
テーブルデータを折り返して表...
-
latex使い方
-
背景色付きのマーキーみたいに
-
<th>タグを使っても太字にしな...
-
HTMLでテーブルをfloatで中央配...
-
tableを縦に続けるとtable間の...
-
tableの位置がIEとその他ブラウ...
-
商品詳細を横並びに表示する方法
-
テーブルの行を折りたたみたい...
-
formのinputなどの幅100%指定
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
スタイルの無効化
おすすめ情報