Add filter icon to dhx_cal_header first cell


Hi team,

We have a requirement to add some formatted text and filter button on first cell of calender header , just before the date state , is there any custom way to add so? Please find below image

Thank you !


Hi @mani2693 ,

Yes, you can place some HTML into the header of the sections column with the scheduler.locale.labels.timeline_scale_header config, it may look like follows:

var filterBtn = `<button onClick="doFilter()">Filter</button>`
scheduler.locale.labels.timeline_scale_header = filterBtn;
function doFilter(){

And you can implement filtering for each view as described by the following link:

Here is a demo:

Kind regards,


Hey @Siarhei

Thanks for you recommendation, It was okay for us till some extent but we need our own EmberJS component to be loaded in the scale_header , Is there a way we can completely remove that space from scheduler ? So that we will include our own component instead

Thanks again !



Hi @mani2693 ,

You can hide the scale_header with the scale_height config:

scheduler.xy.scale_height = 0;


Or you can remain the scale height, but hide default elements with CSS, and place there your own components:

  	display: none;