Add stripped rows to the table

This commit is contained in:
Manuel Bustillo 2024-08-11 13:14:16 +02:00
parent 025ed094e7
commit 8c6b19a96e

View File

@ -16,6 +16,16 @@ export default async function guestsTable() {
name: 'Jane Doe', name: 'Jane Doe',
email: 'jane@bar.com', email: 'jane@bar.com',
}, },
{
id: '3',
name: 'John Doe',
email: 'foo@bar.com'
},
{
id: '4',
name: 'Jane Doe',
email: 'jane@bar.com',
},
]; ];
return ( return (
@ -36,7 +46,7 @@ export default async function guestsTable() {
</thead> </thead>
<tbody> <tbody>
{guests.map((guest) => ( {guests.map((guest) => (
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700"> <tr className="bg-white border-b odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800">
<th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"> <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
{guest.name} {guest.name}
</th> </th>