handleViewData(displayedData[index])} slot="item" let:index let:style {style} class="tr cursor-pointer">
{formatTime(displayedData[index]?.time)}
assetSelector(displayedData[index]?.ticker, displayedData[index]?.underlying_type)} style="justify-content: center;" class="td text-sm sm:hover:text-white sm:text-[1rem] text-blue-400 font-normal">
{displayedData[index]?.ticker}
{reformatDate(displayedData[index]?.date_expiration)}
{displayedData[index]?.strike_price}
{displayedData[index]?.put_call}
{displayedData[index]?.sentiment}
{displayedData[index]?.underlying_price}
{displayedData[index]?.price}
{abbreviateNumber(displayedData[index]?.cost_basis)}
{displayedData[index]?.option_activity_type}
{new Intl.NumberFormat("en", {
minimumFractionDigits: 0,
maximumFractionDigits: 0
}).format(displayedData[index]?.volume)}
{new Intl.NumberFormat("en", {
minimumFractionDigits: 0,
maximumFractionDigits: 0
}).format(displayedData[index]?.open_interest)}