teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記&訂正

2020/04/14 01:30

投稿

退会済みユーザー
answer CHANGED
@@ -1,5 +1,42 @@
1
- > ここでいう"テーブルの構造"は何を指してますか
1
+ テーブルの表示の崩れが直ってないですが、以下のようにしたいのであろう理解してレスします。理解が違っていたらどう違うを書いてください。
2
2
 
3
- 以下の画像見てください。
3
+ ヘッダ部分
4
4
 
5
+ ```
6
+ -------------------------------------------------
7
+ | |名前 |性別 |年齢 |生年月日 |
8
+ |番号 -------------------------------------------
9
+ | |住所 |職種 |
10
+ -------------------------------------------------
11
+ ```
12
+
13
+ のようにしたいのだとすると(ボタンはとりあえず無しで考えます)、質問者さんのコードの、
14
+
15
+ ```
16
+ <th colspan="4" runat="server">名前</th>
17
+ ```
18
+
19
+ は、
20
+
21
+ ```
22
+ <th colspan="3" runat="server">住所</th>
23
+ ```
24
+
25
+ になるはずです。
26
+
27
+ ItemTemplate, AlternatingItemTemplate の中の各レコードを表示する tr, td 要素およびそれに付与する colspan, rowspan 属性も同様です。
28
+
29
+ ご参考に、構造とは何かを説明するために先に画像だけアップした以下のテーブル(Microsoft のサンプルデータベース Northwind の Products テーブル)を、ListView に 1 レコード 2 行で表示するサンプルを紹介しておきます。
30
+
31
+
5
- ![イメージ説明](91496ac6944bfb2c2092d34e48dcb8f8.jpeg)
32
+ ![イメージ説明](91496ac6944bfb2c2092d34e48dcb8f8.jpeg)
33
+
34
+
35
+ 上の画像のテーブルを ListView に以下のように表示する場合、
36
+
37
+ ![イメージ説明](e6731bec8b311b9404c0ad5b8a400f6b.jpeg)
38
+
39
+ 以下の記事の下のブロックのコードにあるようにします。(表題がページングとなってますがそこは気にしないでください)
40
+
41
+ ObjectDataSource でページング
42
+ [http://surferonwww.info/BlogEngine/post/2010/08/26/Paging-with-ObjectDataSource.aspx](http://surferonwww.info/BlogEngine/post/2010/08/26/Paging-with-ObjectDataSource.aspx)