You can create only one grid in a diagram, but if you set the fill and border colors of 7th column to be same as diagram's background, it will look split in two as in the image. However if you need the right grid to scroll independently from left one (as is often the case with Gantt charts), you will need a second diagram.

I hope that helps,
Stoyan

There's only one built-in lane grid per diagram instance, so you'd need two diagrams backed by two <canvas> elements. Alternatively, use locked TableNodes in diagram background to draw as many grids as you'd like to.

I hope that helps,
Stoyan

Also how to enable text editing in individual cells in the grid?

Thanks,
Raji

Quote:


The lane-grid was used mostly for background graphics and did not support text editing. We've now implemented this here for upcoming release:
https://mindfusion.eu/_beta/jsdiag_edit_grid.zip

To enable editing cells' text, call diagram.getLaneGrid().setAllowInplaceEdit(true) and you will be able to enter text after double-click on a cell.

If you will need more data grid -like features such as sorting, selecting rows, filtering, etc, consider using an actual grid control as left part of the Gantt view.

I hope that helps,
Stoyan