0

GWT/GXT を使用しています。

私は GWT のグリッドを使用しており、各行は CSS を使用して背景色で強調表示されています。ただし、適用されたcssは印刷ページに印刷されません。どのようにcssで印刷できますか?

以下のように印刷機能を呼び出しています。

Print.it("<link rel='StyleSheet' type='text/css' media='paper' href='mainApplication.css'>", DOM.getElementById("myId"));

mainApplication.cssに、次のようにスタイルを配置しました。

@media print {
    print_background {
    background-color: #EBECE4 !important;
    }
  }

私のCSSスタイルは正しいですか?私を助けてください。

コードで:

水平パネルを作成し、以下のように GWT グリッドを追加しました。

HorizontalPanel recordsPanel = new HorizontalPanel();

//GWT grid is created and the same is added to recordsPanel 
recordsPanel .add(grid).

以下のように、グリッド行に CSS スタイルを適用しました。

recordsGrid.getRowFormatter().addStyleName(i, "print_results_background");

今私はcssスタイルでレコードを印刷したい.

ありがとう!

4

3 に答える 3

1

CSSスタイルは、print_backgroundクラスの前にドット(。)がないという些細な問題に対しては正しくありません。正しいコードは次のとおりです。

@media print {
     .print_background {
           background-color: #EBECE4 !important;
     }
}
于 2012-09-17T10:08:12.413 に答える
1

papermedia属性の有効な値ではありません。linkタグを次のように修正します。

<link rel='stylesheet' type='text/css' media='print' href='mainApplication.css' />

他の投稿者が言及した他の構文上の誤りを無視して、質問に関する RAS のコメントも参照してください (異なるクラス名に関して)。

参照

于 2012-09-19T10:28:09.697 に答える
0

私はあなたがprint_backgroundがそのID#またはクラスであるかどうかを指定するためのcssに欠けていると思います。

于 2012-09-17T10:08:22.430 に答える