Row hover not working

[Desai VatsalParticipant]

Hi,

I have below grid in my page.

jqxgrid.jqxGrid({
                width: '99.8%',
                height: '100%',
                columnsresize: true,
                pageable: true,
                virtualmode: true,
                pagesize: 10,
                autoheight: false,
                sortable: true,
                altrows: true,
                enabletooltips: false,
                editable: false,                
                enablehover: true,
                selectionmode: 'checkbox',
                showdefaultloadelement: false,
                rendergridrows: function (args) {
                    return args.data;
                },
                showtoolbar: true,                
                columns: [
                    { text: 'Name', datafield: 'Name', width: 150 },
                    { text: 'Email', datafield: 'EmailId' },
                    { text: 'Contact No', datafield: 'ContactNo', width: 150 },
                    { text: 'IsActive', datafield: 'IsActive', width: 60 },
                    { text: 'Created Date', datafield: 'CreatedDate', cellsformat: 'MM/dd/yyyy', width: 100 },
                    { text: 'Edit', datafield: 'ID', columntype: 'button', width: 70, cellsrenderer: function () { return 'Edit'; }, buttonclick: onEditClick },
                    { text: 'Delete', columntype: 'button', width: 70, cellsrenderer: function () { return 'Delete'; }, buttonclick: onDeleteClick }
                ]
            });

When I mouse hover on grid, only cell background color change. I want something so row background get change on hover not only particular cell.

Thanks,

[Peter StoevKeymaster]

Hi vatsal_desai,

In this selection mode, cell is supposed to be hovered, not the row. This is by design and cannot be changed.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts