Last active
July 11, 2024 19:19
-
-
Save codigoconjuan/8a33d70eb16350b408209ecac0252d35 to your computer and use it in GitHub Desktop.
Tabla de Productos
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default function ProductTable() { | |
return ( | |
<div className="px-4 sm:px-6 lg:px-8 mt-20"> | |
<div className="mt-8 flow-root "> | |
<div className="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8"> | |
<div className="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8 bg-white p-5 "> | |
<table className="min-w-full divide-y divide-gray-300 "> | |
<thead> | |
<tr> | |
<th scope="col" className="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0"> | |
Producto | |
</th> | |
<th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> | |
Precio | |
</th> | |
<th scope="col" className="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> | |
Categoría | |
</th> | |
<th scope="col" className="relative py-3.5 pl-3 pr-4 sm:pr-0"> | |
<span className="sr-only">Acciones</span> | |
</th> | |
</tr> | |
</thead> | |
<tbody className="divide-y divide-gray-200"> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
) | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<tr key={product.id}> | |
<td className="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0"> | |
</td> | |
<td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> | |
</td> | |
<td className="whitespace-nowrap px-3 py-4 text-sm text-gray-500"> | |
</td> | |
<td className="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-0"> | |
</td> | |
</tr> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
gracias