Color whole row based off a cell value?

[MatthewVParticipant]

Is it possible to change the color of an entire row based off the value of one of the cells in that row? I saw in your demo section you can do this on a cell by cell case based off that cells value but I need to color the whole row based of the value in cell “Severity” so that is severity was say critical, that whole row would be red but if it was warning then it would be gray.

$(document).ready(function ()
{
    $("#AlarmData").jqxDataTable({
        columns: [
            { dataField: "Description", Text: "Description" },
            { dataField: "DateRaised", text: "Date Raised", cellsformat: "d" },
            { dataField: "FullPath", text: "Path" }
        ],
        columnsResize: true,
        sortable: true,
        source: new $.jqx.dataAdapter({
            dateFileds: [
                { name: "FullPath", type: "string" },
                { name: "DateRaised", type: "date" },
                { name: "Description", type: "string" },
                { name: "Severity", type: "string" }
            ],
            dataType: "json",
            id: "ID",
            url: "LocationAlarms?locationID=" + $("#ID").val()
        }),
        width: 600
    });
});

[HristoParticipant]

Hello MatthewV,

Also, I would like to suggest to look at this example:
https://www.jseditor.io/?key=datatable-set-row-color

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[MatthewVParticipant]

Thanks, I was able to get it working using your example.

[Author]

Posts