CODEWITHSUNDEEP
google-cloud-firestorerxjsrxfire
voscausa
voscausa

Reputation: 11706

RxJs Is it possible to solve this kind of pivot table problem

I'm new to RxJs. Is it possible to solve this type of pivot table problem.

Suppose I have a stream with any number of items.

Because we have a random number of items and because the numbers arrive in a random order, the columns will have different heights.

How can I operarate on the stream to generate the rows of the table one by one to show the table?

Update

With the Fan Cheung solution (described below) it was easy to generate the columns with RxJs. But would it also be possible to subsequently generate the rows (the rows array) with RxJs to be able to render the table as shown below?

Pivot table result

The colums have different heights.

Upvotes: 1

Views: 102

Answers (1)

Fan Cheung
Fan Cheung

Reputation: 11345

More like an array question 

items.reduce((acc,curr)=>{
const key=Math.floor(curr/10);
if(!acc[key])
  acc[key]=[]
acc[key].push(curr)
return acc
},[])

You should then get an array (columns) of arrays (rows)

if you have items from a stream, just change to pipe()

items.pipe(reduce((acc,curr)=>{
const key=Math.floor(curr/10);
if(!acc[key])
  acc[key]=[]
acc[key].push(curr)
return acc
},[]))

Upvotes: 2

Related Questions