[BrianParticipant]

I was able to do this using the CSS3 selector :nth-of-type(n) to target each column header.

.jqx-widget-header:nth-of-type(3), .jqx-widget-header:nth-of-type(4), .jqx-widget-header:nth-of-type(9){
	background-color: #D0F5A9;
}

[BrianParticipant]

[SOLVED]

I was doing a couple things that caused rowselect to not work. First, I wrapped the rowselect function with the ‘bindingcomplete’ event, I moved that outside of the function. Second, I was camalCasing the datafield declaration (i.e. { text: ‘Subtype’, cellsalign: ‘center’, dataField: ‘claimSubTypeCode’, width: ‘7%’ })

Thanks for the help.

[BrianParticipant]

I’ve copied the sample but am still not able to get the row selection to work. Is it possible there is a conflict with other jqxgrids on the page?

$("#agentMyQueue").on('click', function(){
	console.log('clicked');
	});
	
$("#agentMyQueue").on('rowdoubleclick', function (event) {
	console.log('rowdoubleclick');
	});

I’ve tried to test the click event, clicking on the div containing the JQ grid works everytime. I am still unable to get the ‘rowdoubleclick’ to fire. I have tried rowselect, cellselect, celldoubleclick using .bind and .on.

Thanks!

[Author]

Posts