Issues rendering key values

  • I am trying to have something like this:


    But, when I am trying to show it, I am struggling with rendering the key values, only being able to show the total value:


    Here is my demo:

    I also wanted the order to be Date - Key Values - Total, but for some reason, it is showing Key Values - Date - Total

    Any help would be appreciated, thank you

  • I don't understand the question.
    Please try to minimize the demo to just the relevant part.

  • I apologize. I have tried to simplify the demo as much as I could:

    I left some comments there to try and explain better what I am trying to do, but, pretty much I have the "sample" array, which has three different entries.

    My struggle here, is rendering the "values" object, where I am trying to display the keys (10,15,20) as the column titles and, for each one of them, create a row showing their respective value (pe: "10": 47.5)

    10 | 15 | 20 | date | total
    47.5 | 71.25 | 32 | 23-10-2023 | 150.75

    I'm not sure that the way that I am trying to get this result on my Sample -> content.js is the best approach, but it was the only idea I was coming with

    Hope this made it clearer, thank you

  • You seem to have just some js coding issues...

    I rewrote your requirement into two simple helpers, see here

  • Thank you very much

Log in to reply

Looks like your connection to jsreport forum was lost, please wait while we try to reconnect.