3.0.5

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
June 26,
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)
June 26,
That worked! Thans!!!
June 26,

Post a reply:

Text:
Name:

Back to support forum