Grid header is displayed twice when the page is rendered

Karpagam

I am using handlebars to generate the grid. After binding the data, I am adding few additional grid features using the below lines of code

 this.$('#myGrid).iidsBasicDataGrid({
                    scrollY: 330,
                    paging:false,
                    useFloater: false,
                });

This additional change is displaying the header row twice where one row is displayed as the header with grid features and the other row is displayed more as the data row on the grid.

The additional header disappears when any action is performed on the grid. Like Sorting on one of the columns