Login Register

Removing 'gridArrowButtonChar'(sort image) from DataGrid header.

Hi All,

I'm having following code for removing sort image in DataGrid, using dojo 1.2 version

var grid = dijit.byId("gridNode");
if(grid) {
console.log('INSIDE');
var arrowArray = dojo.query(".gridArrowButtonChar",grid.headerNodeContainer);
console.log('arrowArray:'+arrowArray.length);
if(arrowArray.length === 1)
{
var arrow = arrowArray[0];
var arrowParent = arrow.parentNode;
console.log('arrowParent:'+arrowParent);
arrowParent.removeChild(arrow);
var th = arrowParent.parentNode;
console.log('th:'+th);
th.innerHTML = arrowParent.innerHTML;
console.log('th.innerHTML:'+th.innerHTML);
}
}
grid.refresh();
grid.update();

I'm getting 'arrowArray' length as '0'. Can someone please let me know how to remove up/down sort image from header?

Thanks,
Sharath.

.

I would probably delete the corresponding css declaration.

.dojoxGridArrowButtonNode {
display: none;
padding-left: 16px;
}
.dojoxGridArrowButtonChar {
display:inline;
}

but your solution would be much much cleaner ;)

Removing 'gridArrowButtonChar'(sort image) from DataGrid header.

I'd like to delete this sort image(up/down) in one column and I'd like to add in another column.

This I'm doing because I'm managing sorting in backend.

Please let me know your suggestions.

Thanks,
Sharath.