Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Gantt › Any known workarounds for: Gantt?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 6, 2025 at 8:55 am #113186
    linda05
    Participant

    How do I conditionally format rows or items in Smart Gantt?

    November 10, 2025 at 9:30 am #113200
    Markov
    Keymaster

    Hi,

    To conditionally format items, you can use the onTaskRender callback function.

    onTaskRender
function | null
This function enables complete customization of the task element within your interface. It accepts five arguments, providing granular control over both the task and its visual representation:

1. 'task' – The full task object containing all associated data.
2. 'segment' – The current segment object for the task. If the task consists of a single segment, this argument will be the same as the task object.
3. 'taskElement' – The root HTML element representing the task in the DOM.
4. 'segmentElement' – The HTML element representing the current segment of the task.
5. 'labelElement' – The HTML element that displays the segment’s label.

    Best regards,
    Markov

    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.