GanttView - Header configuration

Posted by: dev-evo on 28 April 2021, 12:54 am EST

  • Posted 28 April 2021, 12:54 am EST


    I’d like to change the Day representation in the gantt header from the current ‘August 16’ (sample date) to a simple ‘16’, due to the small horizontal scale I wish to use. The header currently shows ‘A…’ for each day, which is not useful. How could I display just the number of the day?

    Thank you

  • Posted 28 April 2021, 12:56 am EST - Updated 29 September 2022, 5:46 am EST

    Sample screenshot here, notice the ‘A…’ in the header:

  • Posted 28 April 2021, 1:15 pm EST


    You may use the timescale today for the required functionality. Please refer to the following code snippet and let us know if you face any issues.

    let columns = [{
        id: 'gantt',
        ganttColumn: {
    	timeLineScale: 'day',
    	scale: 300,
    	start: 'start',
    	end: 'end',
    	text: 'description'
        width: '*'



  • Posted 28 April 2021, 6:31 pm EST

    Thank you Avinash, but the “day” timescale drills down at hour level, which is not useful for my use case.

    I’d like to keep using the week timescale, but with day number labels in the subheader instead of month + number (i.e: “29” instead of “April 29”), so that I can see the number even with small scales.

    Is there a way to configure these gantt header labels?

    Thank you again

  • Posted 29 April 2021, 7:26 pm EST


    Thanks for the information. We have escalated this issue to the concerned team and asked them regarding the same. We will update you once we get any information from the team. The internal ID for this issue will be JSVIEW-706.



  • Posted 29 April 2021, 11:51 pm EST

    Thank you Avinash

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels