Created
February 14, 2022 11:42
-
-
Save azs06/89f8451e523df49d70b0f74129280ec9 to your computer and use it in GitHub Desktop.
backup.jsx
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
<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