Inner Level Renderers
Inner level renderers are a variation of Nested Grids, but instead of rendering the next levels as a child grid, they are rendered as a child component. This is useful when you want to render a different type of component for each level. For example, you may want to render a chart or a table at the inner level, you can do so.
Please note, that once you provide an inner level renderer, you can no longer provide further levels, because once the grid has rendered the inner level, it has no way of knowing what to do with the next level. So if you want to render a chart at the inner level, that would be the last level.
Left Locked Inner Level Renderers
You can have inner level with locked columns as well by providing a
nextLevelRendererLeftLocked in addition to
Grid inside Grid
You can also render a grid inside the inner level renderer.
One of the limitations of this approach is that you have scrollbars inside scrollbars, which is in general, not a good user experience. This is why we have built the Nested Grids feature, which allows you to render a grid inside a grid without the scrollbars inside scrollbars as you saw in the previous section. However, this seems to be a common example in the wild, so we have provided this example as well.