1

テーブルの半分を取得しているテーブルを印刷すると、スクロールバー付きのテーブルがあります。テーブルデータ全体を印刷したいです。

以下は私のCSSです：

<link rel='stylesheet' media="all" type='text/css' href='<?=$this->baseUrl('/scripts/jquery/plugins/weekcalendar/demo.css')?>' />  

.wc-scrollable-grid {
     overflow: auto;
     overflow-x: hidden !important;
     overflow-y: auto !important; 
     position: relative;
     background-color: #fff;
     width: 100%;
}
4

1 に答える 1

0

ここで重要なことは、テーブルまたはそのコンテナーの高さをどのように制限するかです。コードのこの部分は質問では開示されていませんが、次のような単純な宣言を想定しています

  .wc-scrollable-grid {
    height: 250px;
  }

...解決策は、これをスクリーン メディアに限定することです。

  @media screen {
    .wc-scrollable-grid {
       height: 250px;
    }
  }

より構造化された方法は、スタイルシートを 3 つの部分に分割することです。すべてのメディアに適用するルール。画面にのみ適用するルール。および印刷物にのみ適用される規則。link次に、それぞれ異なるmedia属性を持つ3 つの要素を使用します。

于 2012-10-04T06:20:55.163 に答える