Grid with rowSpan crashes pagination

Hi Telerik Support Team,

https://stackblitz.com/edit/react-yhhscl-qdhn6r?file=app%2Fmain.jsx

Please look at the above code with a minor modification - I moved the Discontinued column to another location, besides the last column.

You will notice the column is rendered incorrectly when you move to another pages. This is the issue I have been having. I hope you can help

Hi,

Thank you for sharing an example demonstrating the issue.

The issue in question is due to the fact that the field added to the dataItems that determines the rowSpan of each cell is written for the case with no paging. In order to have the correct values for the row span you need to add that field only after the paging operation is applied, so that it can be handled per page. Here is the modified example that resolves the issue;

• https://stackblitz.com/edit/react-yhhscl-2hczm4?file=app%2Fmain.jsx

  const finalData = React.useMemo(() => {
    const processedData = process(gridData, dataState);

    const data = {
      data: mergeCells(processedData.data),
      total: processedData.total,
    };
    return data;
  }, [dataState, gridData]);
  return (
    <div>
      <Grid
        style={{
          height: '700px',
        }}
        data={finalData}