Use Adapters?

The adapters are currently turned on. Do you want to keep them enabled?


more about the adapters

Theme Chooser

The examples can use either a "basic" or "enhanced" theme or no theme at all.



more about CSS & themes

DataList Control Example

Example Summary and Logic

The unadapted DataList control renders its grid of data into an HTML <table>. An adapter could replace that table with a set of nested <div> tags but there are some advantages to retaining the <table>. Therefore, the DataList adapter demonstrated here still renders a <table>. The adapter groups the rows into <thead>, <tfoot> and <tbody> sections.

This makes it easy to create a set of CSS rules that control the appearance of the table.


Working Example

Authors from Pubs
 
Abraham Bennet
6223 Bateman St.
Berkeley, CA
94705
415 658-9932
Reginald Blotchet-Halls
55 Hillsdale Bl.
Corvallis, OR
97330
503 745-6402
Michel DeFrance
3 Balding Pl.
Gary, IN
46403
219 547-9982
Cheryl Carson
589 Darwin Ln.
Berkeley, CA
94705
415 548-7723
Innes del Castillo
2286 Cram Pl. #86
Ann Arbor, MI
48105
615 996-8275
Ann Dull
3410 Blonde St.
Palo Alto, CA
94301
415 836-7128
Marjorie Green
309 63rd St. #411
Oakland, CA
94618
415 986-7020
Morningstar Greene
22 Graybar House Rd.
Nashville, TN
37215
615 297-2723
Burt Gringlesby
PO Box 792
Covelo, CA
95428
707 938-6445
Sheryl Hunter
3410 Blonde St.
Palo Alto, CA
94301
415 836-7128
Livia Karsen
5720 McAuley St.
Oakland, CA
94609
415 534-9219
Charlene Locksley
18 Broadway Av.
San Francisco, CA
94130
415 585-4620
Stearns MacFeather
44 Upland Hts.
Oakland, CA
94612
415 354-7128
Heather McBadden
301 Putnam
Vacaville, CA
95688
707 448-4982
Michael O'Leary
22 Cleveland Av. #14
San Jose, CA
95128
408 286-2428
Sylvia Panteley
1956 Arlington Pl.
Rockville, MD
20853
301 946-8853
Albert Ringer
67 Seventh Av.
Salt Lake City, UT
84152
801 826-0752
Anne Ringer
67 Seventh Av.
Salt Lake City, UT
84152
801 826-0752
Meander Smith
10 Mississippi Dr.
Lawrence, KS
66044
913 843-0462
Dean Straight
5420 College Av.
Oakland, CA
94609
415 834-2919
Dirk Stringer
5420 Telegraph Av.
Oakland, CA
94609
415 843-2991
Johnson White
10932 Bigge Rd.
Menlo Park, CA
94025
408 496-7223
Akiko Yokomoto
3 Silver Ct.
Walnut Creek, CA
94595
415 935-4228

HTML Snippets

Snippet of HTML when using the adapters

ASP.NET
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
<div class="PrettyDataList" id="ctl00_ctl00_MainContent_LiveExample_MyDataList">
  <div class="AspNet-DataList">
      <table cellpadding="0" cellspacing="0" summary="">
        <caption>Authors from Pubs</caption>
        <tfoot>
          <tr>
            <td colspan="4">
                &nbsp;
            
            </td>
          </tr>
        </tfoot>
        <tbody>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Abraham Bennet
                    </div>
                    <div class="Sample-Address">
                        6223 Bateman St.<br />
                        Berkeley, CA<br />
                        94705
                    </div>
                    <div class="Sample-Phone">
                        415 658-9932
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Reginald Blotchet-Halls
                    </div>
                    <div class="Sample-Address">
                        55 Hillsdale Bl.<br />
                        Corvallis, OR<br />
                        97330
                    </div>
                    <div class="Sample-Phone">
                        503 745-6402
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Michel DeFrance
                    </div>
                    <div class="Sample-Address">
                        3 Balding Pl.<br />
                        Gary, IN<br />
                        46403
                    </div>
                    <div class="Sample-Phone">
                        219 547-9982
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Cheryl Carson
                    </div>
                    <div class="Sample-Address">
                        589 Darwin Ln.<br />
                        Berkeley, CA<br />
                        94705
                    </div>
                    <div class="Sample-Phone">
                        415 548-7723
                    </div>
                </div>
            
            </td>
          </tr>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Innes del Castillo
                    </div>
                    <div class="Sample-Address">
                        2286 Cram Pl. #86<br />
                        Ann Arbor, MI<br />
                        48105
                    </div>
                    <div class="Sample-Phone">
                        615 996-8275
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Ann Dull
                    </div>
                    <div class="Sample-Address">
                        3410 Blonde St.<br />
                        Palo Alto, CA<br />
                        94301
                    </div>
                    <div class="Sample-Phone">
                        415 836-7128
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Marjorie Green
                    </div>
                    <div class="Sample-Address">
                        309 63rd St. #411<br />
                        Oakland, CA<br />
                        94618
                    </div>
                    <div class="Sample-Phone">
                        415 986-7020
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Morningstar Greene
                    </div>
                    <div class="Sample-Address">
                        22 Graybar House Rd.<br />
                        Nashville, TN<br />
                        37215
                    </div>
                    <div class="Sample-Phone">
                        615 297-2723
                    </div>
                </div>
            
            </td>
          </tr>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Burt Gringlesby
                    </div>
                    <div class="Sample-Address">
                        PO Box 792<br />
                        Covelo, CA<br />
                        95428
                    </div>
                    <div class="Sample-Phone">
                        707 938-6445
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Sheryl Hunter
                    </div>
                    <div class="Sample-Address">
                        3410 Blonde St.<br />
                        Palo Alto, CA<br />
                        94301
                    </div>
                    <div class="Sample-Phone">
                        415 836-7128
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Livia Karsen
                    </div>
                    <div class="Sample-Address">
                        5720 McAuley St.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 534-9219
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Charlene Locksley
                    </div>
                    <div class="Sample-Address">
                        18 Broadway Av.<br />
                        San Francisco, CA<br />
                        94130
                    </div>
                    <div class="Sample-Phone">
                        415 585-4620
                    </div>
                </div>
            
            </td>
          </tr>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Stearns MacFeather
                    </div>
                    <div class="Sample-Address">
                        44 Upland Hts.<br />
                        Oakland, CA<br />
                        94612
                    </div>
                    <div class="Sample-Phone">
                        415 354-7128
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Heather McBadden
                    </div>
                    <div class="Sample-Address">
                        301 Putnam<br />
                        Vacaville, CA<br />
                        95688
                    </div>
                    <div class="Sample-Phone">
                        707 448-4982
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Michael O'Leary
                    </div>
                    <div class="Sample-Address">
                        22 Cleveland Av. #14<br />
                        San Jose, CA<br />
                        95128
                    </div>
                    <div class="Sample-Phone">
                        408 286-2428
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Sylvia Panteley
                    </div>
                    <div class="Sample-Address">
                        1956 Arlington Pl.<br />
                        Rockville, MD<br />
                        20853
                    </div>
                    <div class="Sample-Phone">
                        301 946-8853
                    </div>
                </div>
            
            </td>
          </tr>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Albert Ringer
                    </div>
                    <div class="Sample-Address">
                        67 Seventh Av.<br />
                        Salt Lake City, UT<br />
                        84152
                    </div>
                    <div class="Sample-Phone">
                        801 826-0752
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Anne Ringer
                    </div>
                    <div class="Sample-Address">
                        67 Seventh Av.<br />
                        Salt Lake City, UT<br />
                        84152
                    </div>
                    <div class="Sample-Phone">
                        801 826-0752
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Meander Smith
                    </div>
                    <div class="Sample-Address">
                        10 Mississippi Dr.<br />
                        Lawrence, KS<br />
                        66044
                    </div>
                    <div class="Sample-Phone">
                        913 843-0462
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Dean Straight
                    </div>
                    <div class="Sample-Address">
                        5420 College Av.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 834-2919
                    </div>
                </div>
            
            </td>
          </tr>
          <tr>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Dirk Stringer
                    </div>
                    <div class="Sample-Address">
                        5420 Telegraph Av.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 843-2991
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Johnson White
                    </div>
                    <div class="Sample-Address">
                        10932 Bigge Rd.<br />
                        Menlo Park, CA<br />
                        94025
                    </div>
                    <div class="Sample-Phone">
                        408 496-7223
                    </div>
                </div>
            
            </td>
            <td>
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Akiko Yokomoto
                    </div>
                    <div class="Sample-Address">
                        3 Silver Ct.<br />
                        Walnut Creek, CA<br />
                        94595
                    </div>
                    <div class="Sample-Phone">
                        415 935-4228
                    </div>
                </div>
            
            </td>
          </tr>
        </tbody>
      </table>

  </div>
</div>

Snippet of HTML when not using the adapters

ASP.NET
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
<table id="ctl00_ctl00_MainContent_LiveExample_MyDataList" cellspacing="5" CssSelectorClass="PrettyDataList" border="0">
  <tr>
    <td colspan="4" class="DataList-Skin-Header" align="right" valign="bottom" style="color:White;background-color:#D3C9C7;font-family:Arial;font-size:X-Large;font-weight:bold;height:90px;">
                Authors from Pubs
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Abraham Bennet
                    </div>
                    <div class="Sample-Address">
                        6223 Bateman St.<br />
                        Berkeley, CA<br />
                        94705
                    </div>
                    <div class="Sample-Phone">
                        415 658-9932
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Marjorie Green
                    </div>
                    <div class="Sample-Address">
                        309 63rd St. #411<br />
                        Oakland, CA<br />
                        94618
                    </div>
                    <div class="Sample-Phone">
                        415 986-7020
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Stearns MacFeather
                    </div>
                    <div class="Sample-Address">
                        44 Upland Hts.<br />
                        Oakland, CA<br />
                        94612
                    </div>
                    <div class="Sample-Phone">
                        415 354-7128
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Meander Smith
                    </div>
                    <div class="Sample-Address">
                        10 Mississippi Dr.<br />
                        Lawrence, KS<br />
                        66044
                    </div>
                    <div class="Sample-Phone">
                        913 843-0462
                    </div>
                </div>
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Reginald Blotchet-Halls
                    </div>
                    <div class="Sample-Address">
                        55 Hillsdale Bl.<br />
                        Corvallis, OR<br />
                        97330
                    </div>
                    <div class="Sample-Phone">
                        503 745-6402
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Morningstar Greene
                    </div>
                    <div class="Sample-Address">
                        22 Graybar House Rd.<br />
                        Nashville, TN<br />
                        37215
                    </div>
                    <div class="Sample-Phone">
                        615 297-2723
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Heather McBadden
                    </div>
                    <div class="Sample-Address">
                        301 Putnam<br />
                        Vacaville, CA<br />
                        95688
                    </div>
                    <div class="Sample-Phone">
                        707 448-4982
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Dean Straight
                    </div>
                    <div class="Sample-Address">
                        5420 College Av.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 834-2919
                    </div>
                </div>
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Michel DeFrance
                    </div>
                    <div class="Sample-Address">
                        3 Balding Pl.<br />
                        Gary, IN<br />
                        46403
                    </div>
                    <div class="Sample-Phone">
                        219 547-9982
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Burt Gringlesby
                    </div>
                    <div class="Sample-Address">
                        PO Box 792<br />
                        Covelo, CA<br />
                        95428
                    </div>
                    <div class="Sample-Phone">
                        707 938-6445
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Michael O'Leary
                    </div>
                    <div class="Sample-Address">
                        22 Cleveland Av. #14<br />
                        San Jose, CA<br />
                        95128
                    </div>
                    <div class="Sample-Phone">
                        408 286-2428
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Dirk Stringer
                    </div>
                    <div class="Sample-Address">
                        5420 Telegraph Av.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 843-2991
                    </div>
                </div>
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Cheryl Carson
                    </div>
                    <div class="Sample-Address">
                        589 Darwin Ln.<br />
                        Berkeley, CA<br />
                        94705
                    </div>
                    <div class="Sample-Phone">
                        415 548-7723
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Sheryl Hunter
                    </div>
                    <div class="Sample-Address">
                        3410 Blonde St.<br />
                        Palo Alto, CA<br />
                        94301
                    </div>
                    <div class="Sample-Phone">
                        415 836-7128
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Sylvia Panteley
                    </div>
                    <div class="Sample-Address">
                        1956 Arlington Pl.<br />
                        Rockville, MD<br />
                        20853
                    </div>
                    <div class="Sample-Phone">
                        301 946-8853
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Johnson White
                    </div>
                    <div class="Sample-Address">
                        10932 Bigge Rd.<br />
                        Menlo Park, CA<br />
                        94025
                    </div>
                    <div class="Sample-Phone">
                        408 496-7223
                    </div>
                </div>
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Innes del Castillo
                    </div>
                    <div class="Sample-Address">
                        2286 Cram Pl. #86<br />
                        Ann Arbor, MI<br />
                        48105
                    </div>
                    <div class="Sample-Phone">
                        615 996-8275
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Livia Karsen
                    </div>
                    <div class="Sample-Address">
                        5720 McAuley St.<br />
                        Oakland, CA<br />
                        94609
                    </div>
                    <div class="Sample-Phone">
                        415 534-9219
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Albert Ringer
                    </div>
                    <div class="Sample-Address">
                        67 Seventh Av.<br />
                        Salt Lake City, UT<br />
                        84152
                    </div>
                    <div class="Sample-Phone">
                        801 826-0752
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Akiko Yokomoto
                    </div>
                    <div class="Sample-Address">
                        3 Silver Ct.<br />
                        Walnut Creek, CA<br />
                        94595
                    </div>
                    <div class="Sample-Phone">
                        415 935-4228
                    </div>
                </div>
            </td>
  </tr><tr>
    <td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Ann Dull
                    </div>
                    <div class="Sample-Address">
                        3410 Blonde St.<br />
                        Palo Alto, CA<br />
                        94301
                    </div>
                    <div class="Sample-Phone">
                        415 836-7128
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Charlene Locksley
                    </div>
                    <div class="Sample-Address">
                        18 Broadway Av.<br />
                        San Francisco, CA<br />
                        94130
                    </div>
                    <div class="Sample-Phone">
                        415 585-4620
                    </div>
                </div>
            </td><td valign="top">
                <div class="Sample-Contact">
                    <div class="Sample-Name">
                        Anne Ringer
                    </div>
                    <div class="Sample-Address">
                        67 Seventh Av.<br />
                        Salt Lake City, UT<br />
                        84152
                    </div>
                    <div class="Sample-Phone">
                        801 826-0752
                    </div>
                </div>
            </td><td></td>
  </tr><tr>
    <td colspan="4" class="DataList-Skin-Footer">
                &nbsp;
            </td>
  </tr>
</table>