Created
November 6, 2017 13:00
-
-
Save toshimasa-nanaki/91f6d3fc49ebd4c424ccab31b3fbb8bc to your computer and use it in GitHub Desktop.
use printThis
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>テスト</title> | |
<script src="jquery.js"></script> | |
<script src="printThis.js"></script> | |
</head> | |
<body> | |
<main> | |
<article> | |
<div style="height:100px; width:300px; overflow-y:scroll;"> | |
<table border="1" id="tb"> | |
<thead> | |
<th>ヘッダー1</th> | |
<th>ヘッダー2</th> | |
<th>ヘッダー3</th> | |
<thead> | |
<tbody> | |
<tr> | |
<td>テストセル11</td> | |
<td>テストセル12</td> | |
<td>テストセル13</td> | |
</tr> | |
<tr> | |
<td>テストセル21</td> | |
<td>テストセル22</td> | |
<td>テストセル23</td> | |
</tr> | |
<tr> | |
<td>テストセル31</td> | |
<td>テストセル32</td> | |
<td>テストセル33</td> | |
</tr> | |
<tr> | |
<td>テストセル41</td> | |
<td>テストセル42</td> | |
<td>テストセル43</td> | |
</tr> | |
<tr> | |
<td>最後のセル1</td> | |
<td>最後のセル2</td> | |
<td>最後のセル3</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<input type="button" onclick="$('#tb').printThis();" value="印刷ボタン"> | |
</article> | |
</main> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment