アクセシビリティに配慮した1列目固定表示のtable
名前 | データA | データB | データC | データD | データE | データF | データG | データH | データI | データJ |
---|---|---|---|---|---|---|---|---|---|---|
名前01 | Aテキスト01 | Bテキスト01 | Cテキスト01 | Dテキスト01 | Eテキスト01 | Fテキスト01 | Gテキスト01 | Hテキスト01 | Iテキスト01 | Jテキスト01 |
名前02 | Aテキスト02 | Bテキスト02 | Cテキスト02 | Dテキスト02 | Eテキスト02 | Fテキスト02 | Gテキスト02 | Hテキスト02 | Iテキスト02 | Jテキスト02 |
名前03 | Aテキスト03 | Bテキスト03 | Cテキスト03 | Dテキスト03 | Eテキスト03 | Fテキスト03 | Gテキスト03 | Hテキスト03 | Iテキスト03 | Jテキスト03 |
名前04 | Aテキスト04 | Bテキスト04 | Cテキスト04 | Dテキスト04 | Eテキスト04 | Fテキスト04 | Gテキスト04 | Hテキスト04 | Iテキスト04 | Jテキスト04 |
名前05 | Aテキスト05 | Bテキスト05 | Cテキスト05 | Dテキスト05 | Eテキスト05 | Fテキスト05 | Gテキスト05 | Hテキスト05 | Iテキスト05 | Jテキスト05 |
この表は、各行1列目に名前、2列目以降にデータAからデータJまでの内容が順に記載されています。
参考)普通のtable(スクロールあり、列固定なし)
名前 | データA | データB | データC | データD | データE | データF | データG | データH | データI | データJ |
---|---|---|---|---|---|---|---|---|---|---|
名前01 | Aテキスト01 | Bテキスト01 | Cテキスト01 | Dテキスト01 | Eテキスト01 | Fテキスト01 | Gテキスト01 | Hテキスト01 | Iテキスト01 | Jテキスト01 |
名前02 | Aテキスト02 | Bテキスト02 | Cテキスト02 | Dテキスト02 | Eテキスト02 | Fテキスト02 | Gテキスト02 | Hテキスト02 | Iテキスト02 | Jテキスト02 |
名前03 | Aテキスト03 | Bテキスト03 | Cテキスト03 | Dテキスト03 | Eテキスト03 | Fテキスト03 | Gテキスト03 | Hテキスト03 | Iテキスト03 | Jテキスト03 |
名前04 | Aテキスト04 | Bテキスト04 | Cテキスト04 | Dテキスト04 | Eテキスト04 | Fテキスト04 | Gテキスト04 | Hテキスト04 | Iテキスト04 | Jテキスト04 |
名前05 | Aテキスト05 | Bテキスト05 | Cテキスト05 | Dテキスト05 | Eテキスト05 | Fテキスト05 | Gテキスト05 | Hテキスト05 | Iテキスト05 | Jテキスト05 |
参考)固定部分とスクロール部分を分割する方法で1列目を固定させたtable
名前 |
---|
名前01 |
名前02 |
名前03 |
名前04 |
名前05 |
データA | データB | データC | データD | データE | データF | データG | データH | データI | データJ |
---|---|---|---|---|---|---|---|---|---|
Aテキスト01 | Bテキスト01 | Cテキスト01 | Dテキスト01 | Eテキスト01 | Fテキスト01 | Gテキスト01 | Hテキスト01 | Iテキスト01 | Jテキスト01 |
Aテキスト02 | Bテキスト02 | Cテキスト02 | Dテキスト02 | Eテキスト02 | Fテキスト02 | Gテキスト02 | Hテキスト02 | Iテキスト02 | Jテキスト02 |
Aテキスト03 | Bテキスト03 | Cテキスト03 | Dテキスト03 | Eテキスト03 | Fテキスト03 | Gテキスト03 | Hテキスト03 | Iテキスト03 | Jテキスト03 |
Aテキスト04 | Bテキスト04 | Cテキスト04 | Dテキスト04 | Eテキスト04 | Fテキスト04 | Gテキスト04 | Hテキスト04 | Iテキスト04 | Jテキスト04 |
Aテキスト05 | Bテキスト05 | Cテキスト05 | Dテキスト05 | Eテキスト05 | Fテキスト05 | Gテキスト05 | Hテキスト05 | Iテキスト05 | Jテキスト05 |