Jquery date control styling

Dash Python
1

I’m using the dash ag grid with custom cell editor component for dates, as described here:

I’m following the instructions, and it essentially works, but the styling is goofy. Seems like the z-index may need to be tweaked.

Please see screenshot.

Does anyone know the correct solution here?

Also, I notice that the demo uses jquery 1.12.1, but the current version of jquery is 1.13.2. Just FWIW.

debug5
debug5519×523 10.7 KB

2

Hello @zack_nc,

Be sure that you adjust the width of the component inside the cellEditor

I typically make it so the width of the component is 100%-2 of the cell.

3

I had to do this for the app to work and style correctly:

app = Dash(
    __name__,
    external_scripts=[
        "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js",
        "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js",
    ],
    external_stylesheets=[
        "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"
    ],
)