Query

nishant

Is it possible to customize the Gantt chart so that the start and end dates are displayed directly beneath the task name within the same column? If yes, please provide the implementation method; if not, explain the limitations.

I am trying it like this, but it’s not working:

i am doing it like this but not working
const columns = [
{
id: "text",
header: "Task Details",
template: (task) => (
${task.text} - ${formatDate(task.start)} - ${formatDate(task.end)}
),
flexGrow: 2,
},
{ id: "notes", header: "Notes", flexGrow: 3 },
];

tasha

Hello nishant,

Unfortunately, there is a limitation in the current implementation: the column template is applied to each cell except for the "Task Details" and "Action" cells.
You can customize other columns, but the "Task Details" and "Action" columns have predefined behaviors that cannot be overridden with custom templates.