印刷時に、ヘッダーをfixedにしてたりすると全部の印刷ページにヘッダーが被って嫌だなってことありますよね。
そういう時にmedia printの中に印刷時にのみ有効にしたいスタイルを記述すると良い感じです。
@media print {
#detail_header {
position: static;
}
}印刷時に、ヘッダーをfixedにしてたりすると全部の印刷ページにヘッダーが被って嫌だなってことありますよね。
そういう時にmedia printの中に印刷時にのみ有効にしたいスタイルを記述すると良い感じです。
@media print {
#detail_header {
position: static;
}
}色々やり方はありそうでしたが、これが既存のテーブルのスタイルやhtmlを編集せずにシンプルに実装できそうで良かったです。
<div class="sc-table">
<table>
<tbody>
<tr>
<th>・・・</th>
<th>・・・</th>
<th>・・・</th>
</tr>
<tr>
<td>・・・</td>
<td>・・・</td>
<td>・・・</td>
</tr>
<tr>
<td>・・・</td>
<td>・・・</td>
<td>・・・</td>
</tr>
</tbody>
</table>
</div>.sc-table {
overflow-x: scroll;
white-space: nowrap;
}
/*古いブラウザに対応したい場合*/
.sc-table {
overflow: scroll;
white-space: nowrap;
}覚書
こういうときは大体親固定ページにindex.phpを置いて、下記を記述する
require( dirname( __FILE__ ) . '/../wp-blog-header.php' );ドメイン/固定ページ名①/固定ページ②/静的サイト.htmlにしたいとき、固定ページ②がうまく表示されない時にはWordPressで使用してるテーマのfunction.phpに下記を記述する
remove_filter('template_redirect', 'redirect_canonical');