Can I put another handlsontable into a cell

figo2264 · April 10, 2025, 5:59am

I want to use another handsontable on a cell level.

As you can see from the below image, I want to put another handsontable into a cell level.

and also, I want to remove any padding or margin around the nested handsontable.

I know it might be possible to use custom renderer,but somehow there is always margin and padding around the nested table.

also, the column width and height isn’t working properly.

is it possible to fully it as my expectation or it is not possble out of box?

adrian.szymanski · April 10, 2025, 11:07am

Thank you for contacting us. I think you pasted wrong image, but from my understanding you are looking the Handsontable cell type: https://handsontable.com/docs/javascript-data-grid/handsontable-cell-type/

As for the second issue, can you please share a code demo of your current implementation and a picture of your expected result?

figo2264 · April 21, 2025, 12:33am

Sorry for uploading a wrong capture.

Here is my sample code.

I want the inner handsontable has no margin to the its wrapping hotcolumn.

figo2264 · April 21, 2025, 2:59am

I have made some improvement, but there are still few to solve.

At the initial load (rendering), the row header height is not properly rendered.

As you can see, there is slight mismatch on column border from the inner HT.

also if I resize the screen, the height of each row keep increasing…

figo2264 · April 22, 2025, 2:13am

Most of the issue was solved but only one thing I can’t figure out…

This slight mismatch, Can anyone help me to figure it out?

adrian.szymanski · April 22, 2025, 7:46am

I checked, but the example you sent isn’t updated in regard to the changes you showed here. Please, update the demo.