前提・実現したいこと
テーブルを列単位でページネーションしたいと考えているのですが方法ありますでしょうか。調べてみて行単位ではページネーションする方法は多々あるのですが、列単位でページネーションする方法やライブラリというものがどうしても見つかりません。列単位でページネーションするのは無理なのでしょうか。
イメージとしては以下の様な感じです。
1ページ目
||1個目|2個目|3個目|
|:--|:--:|--:|
|社名|A社|B社|C社|
|点数|100点|95点|100点|
2ページ目
||4個目|5個目|6個目|
|:--|:--:|--:|
|社名|D社|E社|F社|
|点数|100点|100点|95点|
3ページ目
7個目 | 8個目 | |
---|---|---|
社名 | G社 | H社 |
点数 | 100点 | 100点 |
HTML
1<table id="compresult" border="1"> 2<thead> 3<tr> 4<td></td> 5<th>1個目</th> 6<th>2個目</th> 7<th>3個目</th> 8<th>4個目</th> 9<th>5個目</th> 10<th>6個目</th> 11<th>7個目</th> 12<th>8個目</th> 13</thead> 14<tbody> 15<tr> 16<td>社名</td> 17<td>A社</td> 18<td>B社</td> 19<td>C社</td> 20<td>D社</td> 21<td>E社</td> 22<td>F社</td> 23<td>G社</td> 24<td>H社</td> 25</tr> 26<td>点数</td> 27<td>100点</td> 28<td>95点</td> 29<td>100点</td> 30<td>100点</td> 31<td>100点</td> 32<td>95点</td> 33<td>100点</td> 34<td>100点</td> 35</tr> 36</tbody> 37</table>
該当のソースコード
テーブル自体は以下の様にJavaScriptで出力しています。
JavaScript
1var rs = '<table id="compresult" border="1">'; 2rs +='<thead><tr><td></td>' 3for(var j=0;j<recCount;j++){ 4 rs +='<th>' 5 + Number(j+1) +"個目" 6 +'</th>'; 7} 8rs +='</tr></thead><tbody>' 9 10rs +='<tr><td>社名</td>' 11for(var i=0;i<recCount;i++){ 12 rs +='<td>' + result.company_name[i] +'</td>'; 13} 14rs +='</tr>'; 15rs +='<tr><td>点数</td>' 16for(var i=0;i<recCount;i++){ 17 rs +='<td>' + result.item_name[i] +'</td>'; 18} 19rs +='</tr>'; 20rs +='</tbody></table>'; 21document.getElementById('resultDisparea').innerHTML = rs;
補足情報(FW/ツールのバージョンなど)
できればライブラリ等読込まずに素のJavaScriptで実現したいのですが
可能でしょうか。つたない説明ですいませんがよろしくお願いいたします。
回答5件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/30 03:35
2019/01/30 03:38 編集
2019/01/30 08:07