Skip to content

Instantly share code, notes, and snippets.

@azs06
Created February 14, 2022 11:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save azs06/89f8451e523df49d70b0f74129280ec9 to your computer and use it in GitHub Desktop.
Save azs06/89f8451e523df49d70b0f74129280ec9 to your computer and use it in GitHub Desktop.
backup.jsx
<table className="min-w-full divide-y divide-gray-200">
<thead className="bg-gray-50">
<tr>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Name
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Type
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Required
</th>
</tr>
</thead>
<tbody>
{formattedData.map((data:any, Idx:any) => (
<tr key={Idx} className={Idx % 2 === 0 ? 'bg-white' : 'bg-gray-50'}>
<td className="px-6 py-4 text-left text-sm font-medium text-gray-900">{data.fieldName}</td>
<td className="px-6 py-4 text-left text-sm text-gray-500">{data.fieldType}</td>
<td className="px-6 py-4 text-left text-sm text-gray-500">{data.fieldRequired}</td>
</tr>
))}
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment