Display API data with nested arrays

There quite a few issues and I have been trying for days to do a simple API call and then display it correctly. I’m trying to pull an orderbook from an exchange. The API call returns:

{
“lastUpdateId”: 475408718,
“bids”: [
[
“0.03414800”,
“27.36900000”
],
[
“0.03414600”,
“0.04300000”
],
[
“0.03414500”,
“10.49200000”
],
[
“0.03414400”,
“15.80000000”
],
[
“0.03414300”,
“2.28200000”
]
],
“asks”: [
[
“0.03415500”,
“7.74400000”
],
[
“0.03415600”,
“8.00000000”
],
[
“0.03415900”,
“0.43900000”
],
[
“0.03416000”,
“4.00000000”
],
[
“0.03416200”,
“6.00000000”
]
]
}

where there are BIDS and there are ASKS. The first number is the price, the 2nd number is the amount . When using client side fetch schema, it returns $value (bids/asks) as an array and then another $value as a text variable that holds both the price and the amount. First frustration is how can I display just the BIDS or just the ASKS into a repeatable structure (such as a table) to show bids.price and the bids.mount and then on another structure the same for ASKS. The only time, I can get a table to show the results if I just use api.data, which just shows all in 2 rows. If I try to just get the BIDS or ASKS, it shows nothing. Second frustration comes to why can’t I select and change the second $value (ASKS)? It just thinks they’re all the same type when it isn’t at all.

Another issue is when I try to run the exact same API call, which does actually pull data on client side, on the server side, it keeps saying one of the parameters is incorrect or null, etc even though it is exactly the same as client side. Why is that happening?