:: Forum >>

Cell clipping

I am evaluating ActiveWidget Datagrid 3.0 (with Svelte) and I am stuck with an issue when trying to use input components in a cell (for example a date picker or a dropdown menu).

I can add a <select> element and the dropdown is fine, but if I add a component (like Bootstrap dropdown or a date picker) when expanding it seems to be clipped by the cell boundaries.

Is there a way to make the component fully visible or to create objects that overlay on top of the datagrid ?

Friday, June 26, 2020
Normally datagrid cells have overflow:hidden. To overwrite this you should add a css class to the column definition and put overflow:visible into this class. You can also do it dynamically if you want it only for certain rows, like in this example -

Alex (ActiveWidgets)
Friday, June 26, 2020
That worked! Thans!!!
Friday, June 26, 2020

This topic is archived.

Back to support forum

Forum search