How to change the timescale header width in JavaScript Gantt?
In Gantt, using the “scheduleHeaderSettings.timescaleUnitSize” property we can able to alter the default width for schedule header time scale.
The following code snippet explains how to set the schedule header time scale width.
$(function () {
$("#GanttContainer").ejGantt({
dataSource: weekData,
//...
scheduleHeaderSettings: {
timescaleUnitSize: "85%", // Property to change schedule header time scale unit size.
},
});
The minimum value you can able to set to the “scheduleHeaderSettings.timescaleUnitSize” property is ‘50%’ and maximum is ‘500%’.
Sample
Please refer the sample link for more information about this
Conclusion
I hope you enjoyed learning about how to change the timescale header width in JavaScript Gantt.
You can refer to our JavaScript Gantt feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript Gantt example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
