Feature Rich Table - Copy this React, Tailwind Component to your project

Organiza esto : <table className="w full table auto"> <thead> <tr className="bg gray 200"> <th className="px 4 py 2 text left">Vale</th> <th className="px 4 py 2 text left">Fecha</th> <th className="px 4 py 2 text left">Valor</th> <th className="px 4 py 2 text left">Tercero</th> <th className="px 4 py 2 text left">Detalle</th> </tr> </thead> <tbody> {valesxlegalizar.map((row, rowIndex) => ( <tr key={rowIndex} className={rowIndex % 2 === 0 ? 'bg gray 100' : 'bg white'}> <td className="px 4 py 2">{row.vale}</td> <td className="px 4 py 2">{row.fecha}</td> <td className="px 4 py 2">{row.valor}</td> <td className="px 4 py 2">{row.nombre}</td> <td className="px 4 py 2">{row.descripcion}</td> </tr> ))} </tbody> </table