実現したいこと
csv形式で保存されているデータを、属性情報でデータを抽出してWebページとして表示しようとしています。
(例)
・csvのデータ
Name | class | Score_a | Score_b | Score_c | Score_d |
---|---|---|---|---|---|
A | C1 | 98 | 21 | 32 | 67 |
B | C2 | 87 | 0 | 58 | 84 |
C | C2 | 12 | 53 | 96 | 99 |
D | C1 | 33 | 59 | 90 | 49 |
E | C2 | 41 | 59 | 33 | 56 |
F | C3 | 94 | 78 | 34 | 12 |
G | C1 | 96 | 2 | 88 | 46 |
H | C2 | 44 | 96 | 11 | 71 |
これをもとに、classごとにWebページを作成
・C1のwebページ
Name | class | Score_a | Score_b | Score_c | Score_d |
---|---|---|---|---|---|
A | C1 | 98 | 21 | 32 | 67 |
D | C1 | 33 | 59 | 90 | 49 |
G | C1 | 96 | 2 | 88 | 46 |
同様に、C2、C3・・・のWebページも作成
質問の内容
現状、JavaScriptでcsvを読み込み、該当する行をfor文とdocument.writeでテーブルを作成してWebページを作っているのですが、Webページのレイアウトをこだわろうとした際に取り回しが悪く苦労しています。
JavaScript以外を使う方法でもよいので、よりよい実装方法はないでしょうか。
(今の実装)
JavaScript
1for(var i=1;i<result.length-1;++i){ 2 if(result[i][colOrg] == organization[j] ) { 3 document.write('<table>'); 4 document.write('<tr><td> ... </td><tr> 5 document.write('</table>'); 6 } 7} 8
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/27 08:13
2021/01/27 08:16
2021/01/27 08:18