Artifact
1f95bc25d214320569578b6c27940190841ffe62c41435efa7fd553484c94eeb:
0000: 3c 6c 6f 6f 70 2d 63 6f 6c 73 3e 0a 20 20 3c 74 <loop-cols>. <t
0010: 61 62 6c 65 3e 0a 20 20 20 20 3c 63 61 70 74 69 able>. <capti
0020: 6f 6e 3e 4c 6f 6f 70 20 43 6f 6c 73 3c 2f 63 61 on>Loop Cols</ca
0030: 70 74 69 6f 6e 3e 0a 20 20 20 20 3c 63 6f 6c 67 ption>. <colg
0040: 72 6f 75 70 3e 0a 20 20 20 20 20 20 3c 63 6f 6c roup>. <col
0050: 20 65 61 63 68 3d 7b 68 65 61 64 65 72 73 7d 3e each={headers}>
0060: 0a 20 20 20 20 3c 2f 63 6f 6c 67 72 6f 75 70 3e . </colgroup>
0070: 0a 20 20 20 20 3c 74 68 65 61 64 3e 0a 20 20 20 . <thead>.
0080: 20 20 20 3c 74 72 3e 0a 20 20 20 20 20 20 20 20 <tr>.
0090: 3c 74 68 20 65 61 63 68 3d 7b 68 65 61 64 65 72 <th each={header
00a0: 20 69 6e 20 68 65 61 64 65 72 73 7d 3e 7b 68 65 in headers}>{he
00b0: 61 64 65 72 7d 3c 2f 74 68 3e 0a 20 20 20 20 20 ader}</th>.
00c0: 20 3c 2f 74 72 3e 0a 20 20 20 20 3c 2f 74 68 65 </tr>. </the
00d0: 61 64 3e 0a 20 20 20 20 3c 74 62 6f 64 79 3e 0a ad>. <tbody>.
00e0: 20 20 20 20 20 20 3c 74 72 20 65 61 63 68 3d 7b <tr each={
00f0: 72 6f 77 20 69 6e 20 64 61 74 61 7d 3e 0a 20 20 row in data}>.
0100: 20 20 20 20 20 20 3c 74 64 20 65 61 63 68 3d 7b <td each={
0110: 76 61 6c 75 65 20 69 6e 20 72 6f 77 7d 3e 7b 76 value in row}>{v
0120: 61 6c 75 65 7d 3c 2f 74 64 3e 0a 20 20 20 20 20 alue}</td>.
0130: 20 3c 2f 74 72 3e 0a 20 20 20 20 3c 2f 74 62 6f </tr>. </tbo
0140: 64 79 3e 0a 20 20 3c 2f 74 61 62 6c 65 3e 0a 0a dy>. </table>..
0150: 20 20 74 68 69 73 2e 68 65 61 64 65 72 73 20 3d this.headers =
0160: 20 5b 0a 20 20 20 20 27 4e 61 6d 65 27 2c 0a 20 [. 'Name',.
0170: 20 20 20 27 4e 75 6d 62 65 72 27 2c 0a 20 20 20 'Number',.
0180: 20 27 41 64 64 72 65 73 73 27 2c 0a 20 20 20 20 'Address',.
0190: 27 43 69 74 79 27 2c 0a 20 20 20 20 27 43 6f 6e 'City',. 'Con
01a0: 74 61 63 74 27 0a 20 20 5d 0a 20 20 74 68 69 73 tact'. ]. this
01b0: 2e 64 61 74 61 20 3d 20 5b 0a 20 20 20 20 5b 27 .data = [. ['
01c0: 41 62 63 27 2c 20 27 31 30 27 2c 20 27 41 20 34 Abc', '10', 'A 4
01d0: 42 27 2c 20 27 4d c3 a9 78 69 63 6f 27 2c 20 27 B', 'M..xico', '
01e0: 4a 75 61 6e 27 5d 2c 0a 20 20 20 20 5b 27 44 65 Juan'],. ['De
01f0: 66 27 2c 20 27 32 30 27 2c 20 27 42 20 35 30 27 f', '20', 'B 50'
0200: 2c 20 27 55 53 41 27 2c 20 27 41 6e 6e 61 27 5d , 'USA', 'Anna']
0210: 2c 0a 20 20 20 20 5b 27 47 68 69 27 2c 20 27 33 ,. ['Ghi', '3
0220: 30 27 2c 20 27 44 20 36 30 27 2c 20 27 4a 61 70 0', 'D 60', 'Jap
0230: 61 6e 27 2c 20 27 27 5d 2c 0a 20 20 20 20 5b 27 an', ''],. ['
0240: 4a 6b 6c 27 2c 20 27 34 30 27 2c 20 27 45 20 31 Jkl', '40', 'E 1
0250: 43 27 2c 20 27 46 72 61 6e 63 65 27 2c 20 27 42 C', 'France', 'B
0260: 61 6c 62 69 6e 61 27 5d 0a 20 20 5d 0a 0a 3c 2f albina']. ]..</
0270: 6c 6f 6f 70 2d 63 6f 6c 73 3e 0a loop-cols>.