Schedule - Customize empty cell at the top left of the grid

[Justin Schnurer]

 

I'd like to be able to render my own react component in the cell circled in red in the screenshot above.

Is it possible for me to accomplish this

[Ruksar Moosa Sait]

Hi Justin,

We have checked on your requirement and suggest you use headerIndentTemplate of the Schedule to render your component.

headerIndentTemplate(args) {

        if (args.className[0] == "e-resource-left-td") {

          return (

            <div className="template-wrap">Template</div>

          );

        }

      }

Sample: https://stackblitz.com/edit/react-et8peh-kcy5l5?file=index.js

Output:

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Ruksar Moosa Sait

[Justin Schnurer]

Thank you, this works perfectly.

[Ravikumar Venkatesan]

Hi Justin,

Thanks for the update.

We are happy that our solution works for you.

Regards,

Ravikumar Venkatesan