:: 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 ?

Thanks!
Raffaele
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 -

https://svelte.activewidgets.com/demo/
https://github.com/activewidgets/svelte/blob/master/examples/demo/src/styles.css#L78
https://github.com/activewidgets/svelte/blob/master/examples/demo/src/app.svelte#L38
Alex (ActiveWidgets)
Friday, June 26, 2020
That worked! Thans!!!
Friday, June 26, 2020

This topic is archived.


Back to support forum

Forum search