Gantt custom column templates stopped working in v24.1.44

Hello Syncfusion team,

Custom Gantt column templates stopped working after upgrading the @syncfusion/ej2-react-gantt NPM package from v19.4.55 to v24.1.44. The component renders empty cells for columns with custom templates. Here is the react code snippet:


private gridColumnProjectNumber = (project) => {
    return (
      <span>TEST</span>
    );
  }

  public render() {
    return (
      <GanttComponent
          dataSource={this.state.projectsToShow}
          allowResizing={true}
          allowFiltering={true}
          allowSorting={true}>
          <ColumnsDirective>
              <ColumnDirective field='ProjectNumber' headerText='Project Number' width='140' template={this.gridColumnProjectNumber} />
              <ColumnDirective field='Title' headerText='Project Name' width='270' />
          </ColumnsDirective>
        </GanttComponent>
    );
  }


Here is the output:

Image_8992_1704707713712


There are no errors or warnings related to the issue in the browser console.

Thanks


2 Replies

AL alexandrofication January 9, 2024 09:39 AM UTC

I didn't notice that 24.1.44 is a weekly build. Downgrading the NPM package from v24.1.44 to the latest official v24.1.41 fixed the issue.



SJ Sridharan Jayabalan Syncfusion Team January 10, 2024 03:14 PM UTC

Alex,


We've made numerous attempts to replicate the issue you reported but unable to reproduce, but the reported issue hasn't been reproduced. To assist further, could you please provide the following information:

  • Step-by-step instructions to replicate the issue.
  • Complete Gantt code details.
  • Your Gantt Chart version.
  • Your time zone information.
  • If possible, kindly replicate the issue using the attached sample provided below and share the outcomes with us.


Samples -Z3h5v4 (forked) - StackBlitz



Regards,

Sridharan


Loader.
Up arrow icon