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 -