Scrolling inside grid doesn't scroll gantt

I am using version 20.3.0.49. When I scroll inside grid, gantt doesn't move, but when I scroll on gantt everything works correctly.
Also is there a way to highlit entire row on hover, currently only row in grid is highlited (when hovering on grid part) and nothing is highlited when hovering on gantt part


2 Replies

SJ Sridharan Jayabalan Syncfusion Team February 26, 2025 12:58 PM UTC

Hi Antek,


Query 1 - When I scroll inside grid, gantt doesn't move, but when I scroll on gantt everything works correctly:


For this query, we would like to inform you that both the Grid and Chart sides support horizontal and vertical scrolling. The vertical scroll is synchronized between the Grid and Chart, meaning that when you scroll vertically on the Grid side, the Chart side also scrolls accordingly. However, this behavior does not apply to horizontal scrolling. (refer video)


Are you facing any issues with horizontal scrolling? If so, please share a video demo replicating the issue for further analysis.



Query 2 - Also is there a way to highlit entire row on hover, currently only row in grid is highlited (when hovering on grid part) and nothing is highlited when hovering on gantt part:


By default, the Gantt chart do not have support for row highlighting on hover. However, you can achieve this effect using custom CSS styles. Refer to the code snippets below for implementation.


Note: It is not possible to highlight both the grid and chart rows simultaneously when hovering over either side, as they are separate tables. No built-in events or mouse event triggers are available to synchronize the highlighting between them.


Code-Snippet:   

<style>

      .e-gantt .e-chart-row:hover {

        background: pink;

      }

      .e-gantt .e-row:hover {

        background: pink;

      }

</style>


Sample - Caydlxjk (forked) - StackBlitz


If we misunderstood your query, share detailed information about your requirement.

 


Regards,

Sridharan



SJ Sridharan Jayabalan Syncfusion Team February 26, 2025 01:39 PM UTC

Antek,


Refer the below video for your reference.


Regards,

Sridharan


Attachment: HoverHighlight_b33216c.zip

Loader.
Up arrow icon