<TableBody>
{table.getRowModel().rows?.length ? (
table.getRowModel().rows.map((row, **index**) => (
<TableRow
key={row.id}
data-state={row.getIsSelected() && 'selected'}
**className={`${index % 2 === 0 ? 'bg-muted' : 'bg-transparent'}`}**
>
{row.getVisibleCells().map((cell) => (
<TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>
))}
</TableRow>
))
) : (
<TableRow>
<TableCell colSpan={columns.length} className='h-24 text-center'>
No results.
</TableCell>
</TableRow>
)}
</TableBody>
light
dark