Sort Icon on Grid Header

Hi,

I have a grid with filters on the header, I would like to make possible to sort only in the header row, not on the filters row, is that possible?

Also, the icon of sorting is over my input box (see attached image)

Thanks

I noticed other problem, when I click on one of the input boxes of the calendar filter it activates the sort. That does not happen with others input box in the header.

How can I deactivate sorting when I click on the input box of the calendar header filter?

The code is:

mygrid.attachHeader("#combo_filter,#text_filter,#text_filter,

From to
");
mygrid.setColTypes(“txt,txt,txt,dhxCalendar”);
mygrid.setColSorting(“str,str,str,date”);

var myCalendar;

myCalendar = new dhtmlXCalendarObject([“calendarFrom”, “calendarTo”]);
myCalendar.setDateFormat("%m/%d/%Y");
mygrid.setDateFormat("%m/%d/%Y");
myCalendar.hideTime();
myCalendar.attachEvent(“onClick”, function() {
mygrid.filterBy(3, function(val) {
//filter code
})
})