A
Anonymous

History Table - Copy this React, Tailwind Component to your project

I want to show following data in a history table, rearrange them in proper way. the user is from uk, so ensure its readable and easy for people in united kingdon. the data contains following columns. show it in proper way so that it will be readable easy to undersatnd. ensure you are using table. [ { "column": "MS_SWAP_QTY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "10:38 AM", "updated_value": "200000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "10:38 AM", "updated_value": "200000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "300000.0", "ticker_isin": "LDO IM EQUITY", "updated_ts": "9:50 AM", "updated_value": "150000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "LDO IM EQUITY", "updated_ts": "9:49 AM", "updated_value": "300000" }, { "column": "MS_SWAP_QTY", "modified_by": "Utkarsh Josh", "old_value": "200000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:39 AM", "updated_value": "150000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "200000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:39 AM", "updated_value": "150000" }, { "column": "MS_SWAP_QTY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:38 AM", "updated_value": "200000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:36 AM", "updated_value": "200000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "150000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:34 AM", "updated_value": "200000" }, { "column": "MS_SWAP_QTY", "modified_by": "Utkarsh Josh", "old_value": "200000.0", "ticker_isin": "CA FP EQUITY", "updated_ts": "9:28 AM", "updated_value": "150000" }, { "column": "QUANTITY", "modified_by": "Utkarsh Josh", "old_value": "10.0", "ticker_isin": "LDO IM EQUITY", "updated_ts": "9:26 AM", "updated_value": "150000" }, { "column": "QUANTITY", "modified_by": "Simone Cavallarin", "old_value": "300000.0", "ticker_isin": "LDO IM EQUITY", "updated_ts": "9:23 AM", "updated_value": "10" } ]

Prompt
Component Preview

About

HistoryTable - Display historical data in a clear, organized table format with columns for quantity, modified by, and timestamps, buil. Download instantly!

Share

Last updated 1 month ago