The following table summarizes the known issues and limitations of the igTreeGrid™ control. Detailed explanations of some of the issues and the existing workarounds are provided after the summary table.
| Legend | |
|---|---|
 |
Workaround available |
 |
No known workaround |
 |
Fix planned |
| Issue | Description | Status |
|---|---|---|
| Expansion indicators can be cropped/hidden with remote features | Expansion indicators on lower levels in the hierarchy can be cropped/hidden when rendered in the separate indicators non-data column in remote scenarios | |
| Misaligned first cells' data on lower levels | Padding on lower levels can push displayed data beyond the available width of the cell and cause the text to wrap around to the initial position, breaking visual hierarchy | |
| Scroll position changes when expanding/collapsing rows in rowVirtualization mode with paging (allLevels). | When rowVirtualization and paging with mode set to allLevels are enabled the scroll position will change when expanding/collapsing rows. |
|
| Paging Context Row is not supported with Column Fixing. | An exception is thrown when contextRowMode is "parent" or "breadcrumb" and Column Fixing is enabled | |
Expansion indicators can become cropped or hidden when the expansion indicator column's width is not bid enough. Normally it is determined from the bound data, but in a remote scenario it should instead be provided from the back-end through the initialIndentationLevel setting which determines how many indentations should be reserved as width for that column.
Besides the number of indentations the actual step width can also be reduced by setting the row indentation option to lower value.
Deeply nested levels of hierarchy can add a large amount of padding and cause the text to wrap around to the initial position, breaking visual hierarchy. To overcome this analysis of the data structure is required - the very basic options is to modify either the number of columns or the columns.width where possible to fit in more content.
The other option available is to reduce the overall padding by setting the row indentation option to lower value. For example:
$(".selector").igTreeGrid({
indentation: "15px"
});
igTreeGrid control.View on GitHub