asked on December 2, 2025
I can show images and tables in drillthrough cells using customizeCell() however they are small or cut out. Is it possible to resolve this issue with any kind of approach? It looks like I can't inject simple html buttons to show modal windows. I tried inserting inline js links that would trigger a popup but that fails too. Not sure what I could try, could you give any suggestions?
⋅ December 3, 2025
Hello Nikita,
Thank you for reaching out to us.
It is possible to resize grid cells to fit images using the customizeCell method. Upon researching this matter on our side, we found that the cell width will be automatically adjusted to fit image if it is defined withing the <img> tag injected into the cell. The cell height can be set for all cells by adding a class with these CSS rules:
.image-cell {
height: 100px !important;
min-height: 100px !important;
}
You are welcome to check the example: https://jsfiddle.net/flexmonster/6ahds78o/
Please let us know if this approach would work for you.
Best regards,
Maksym
⋅ 3 days ago
It does work in a sense that I can increase the row height this way and avoid images being cut out but somehow I am getting another issue: the other rows now get cut out and I can't scroll to them. So, say, I have 3 rows in the drillThrough view. I add image-cell class, and I see a much better row which is bigger but 2 other rows are missing now. You can see below, there is also 5th in row numbers but scrolling somehow gets messed up, not sure:
⋅ 2 days ago
And even if it is fixed somehow with additional drill through cell styles, it would be best if somehow we could change the row height dynamically based on the tallest element in a cell in a row. Not sure how I would do that with the styles...
⋅ 2 days ago
Another alternative if we can't fix this issue is to disabled drill through and make custom modal with a table. If this is the most optimal here, I wonder how I can disable it and redirect this double click on cell event to the custom code.
⋅ 2 days ago
Hello, Nikita!
Thank you for getting back to us.
Kindly note that adding your own pop-up for drill-through is the recommended solution for the described use case. We have prepared an example showing how to disable the built-in drill-through window and show your own pop-up on double-click: https://jsfiddle.net/flexmonster/2d0g3xzt/.
In the example, we disabled the default drill-through by setting options.drillThrough: false, and then added a custom handler for double-click. Please note that the pop-up container and data extraction function shown in the example are provided only as a sample. You can replace them with your own implementation as needed.
Hope it helps.
Kind regards,
Solomiia
