figo2264
(Figo2264)
April 10, 2025, 5:59am
1
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?
Hi @figo2264
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
(Figo2264)
April 21, 2025, 12:33am
3
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
(Figo2264)
April 21, 2025, 2:59am
4
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
(Figo2264)
April 22, 2025, 2:13am
5
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?
Hi @figo2264
I checked, but the example you sent isn’t updated in regard to the changes you showed here. Please, update the demo.
figo2264
(Figo2264)
April 25, 2025, 9:25am
7
The demo is the lastest version.
As mentioned earlier, most issues are solve.
Only one issue I can’t solve is the header’s vertical border slightly doesn’t match rows vertical border.
Hi @figo2264
I can see that you put another Handsontable instance inside the cell. Such feature isn’t really supported natively so there might be some visual glitches - as in your case, or other functional issues. The only fully supported solution to have the table within the table is the solution I mentioned in the beginning: Handsontable cell type - JavaScript Data Grid | Handsontable