@@ -31,22 +31,22 @@ export const description = 'Displays data in rows and columns and enables a user
3131 <Column >Date Modified</Column >
3232 </TableHeader >
3333 <TableBody >
34- <Row >
34+ <Row id = " row-1 " >
3535 <Cell >Games</Cell >
3636 <Cell >File folder</Cell >
3737 <Cell >6/7/2020</Cell >
3838 </Row >
39- <Row >
39+ <Row id = " row-2 " >
4040 <Cell >Program Files</Cell >
4141 <Cell >File folder</Cell >
4242 <Cell >4/7/2021</Cell >
4343 </Row >
44- <Row >
44+ <Row id = " row-3 " >
4545 <Cell >bootmgr</Cell >
4646 <Cell >System file</Cell >
4747 <Cell >11/20/2010</Cell >
4848 </Row >
49- <Row >
49+ <Row id = " row-4 " >
5050 <Cell >log.txt</Cell >
5151 <Cell >Text Document</Cell >
5252 <Cell >1/18/2016</Cell >
@@ -66,22 +66,22 @@ export const description = 'Displays data in rows and columns and enables a user
6666 <Column >Date Modified</Column >
6767 </TableHeader >
6868 <TableBody >
69- <Row >
69+ <Row id = " row-1 " >
7070 <Cell >Games</Cell >
7171 <Cell >File folder</Cell >
7272 <Cell >6/7/2020</Cell >
7373 </Row >
74- <Row >
74+ <Row id = " row-2 " >
7575 <Cell >Program Files</Cell >
7676 <Cell >File folder</Cell >
7777 <Cell >4/7/2021</Cell >
7878 </Row >
79- <Row >
79+ <Row id = " row-3 " >
8080 <Cell >bootmgr</Cell >
8181 <Cell >System file</Cell >
8282 <Cell >11/20/2010</Cell >
8383 </Row >
84- <Row >
84+ <Row id = " row-4 " >
8585 <Cell >log.txt</Cell >
8686 <Cell >Text Document</Cell >
8787 <Cell >1/18/2016</Cell >
@@ -275,18 +275,18 @@ import {Table, TableHeader, Column, Row, TableBody, Cell} from 'vanilla-starter/
275275 </TableHeader >
276276 <TableBody >
277277 { /* - begin highlight -*/ }
278- <Row href = " https://adobe.com/" target = " _blank" >
278+ <Row id = " row-1 " href = " https://adobe.com/" target = " _blank" >
279279 { /* - end highlight -*/ }
280280 <Cell >Adobe</Cell >
281281 <Cell >https://adobe.com/</Cell >
282282 <Cell >January 28, 2023</Cell >
283283 </Row >
284- <Row href = " https://google.com/" target = " _blank" >
284+ <Row id = " row-2 " href = " https://google.com/" target = " _blank" >
285285 <Cell >Google</Cell >
286286 <Cell >https://google.com/</Cell >
287287 <Cell >April 5, 2023</Cell >
288288 </Row >
289- <Row href = " https://nytimes.com/" target = " _blank" >
289+ <Row id = " row-3 " href = " https://nytimes.com/" target = " _blank" >
290290 <Cell >New York Times</Cell >
291291 <Cell >https://nytimes.com/</Cell >
292292 <Cell >July 12, 2023</Cell >
@@ -662,7 +662,7 @@ function ReorderableTable() {
662662 <Column />
663663 </TableHeader >
664664 <TableBody >
665- <Row >
665+ <Row id = " row-1 " >
666666 <Cell ><Button slot = " drag" /></Cell >
667667 <Cell >
668668 <Checkbox slot = " selection" /> or <SelectionIndicator />
0 commit comments