Setting Aggrid style height to 100% makes the grid collapse

[masykur8d]

Sorry if this is not a justpy issue. I have been struggling to make the Aggrid fill the height to 100% of the parent but it shows only a line. My code looks like this:

import justpy as jp

grid_options = """
{
    defaultColDef: {
        filter: true,
        sortable: true,
        resizable: true,
        cellStyle: {textAlign: 'center'},
        headerClass: 'font-bold'
    }, 
      columnDefs: [
      {headerName: "Make", field: "make"},
      {headerName: "Model", field: "model"},
      {headerName: "Price", field: "price"}
    ],
      rowData: [
      {make: "Toyota", model: "Celica", price: 35000},
      {make: "Ford", model: "Mondeo", price: 32000},
      {make: "Porsche", model: "Boxter", price: 72000}
    ]
}
"""

def grid_test5():
    wp = jp.QuasarPage()
    c1 = jp.Div(a=wp, classes='q-pa-sm')
    grid = jp.AgGrid(a=c1, options=grid_options, style='height: 100%; width: 100%; margin: 0.25em')
    return wp

jp.justpy(grid_test5)

Someone pointed out the same question before: https://stackoverflow.com/questions/42400979/ag-grid-height-100-collapsed

I also have asked in wider community but no answer so far: https://stackoverflow.com/questions/74259313/how-to-set-aggrid-style-height-to-100-in-justpy

is there any way to use the style='height: 100%; width: 100%; margin: 0.25em' in quasar page? Thanks