Loading

change background color of Row

change background color of Row

Sharma Raushan

5y914

I have below table , on button click i want to change the background color of rows where OrderType is 'Special'.

"tblOrder">
Id
Name
Order Type
1
Gupta Traders
Special
2
Shrikant Steel
General
3
Payal Furniture
Special

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
please use below script
"HighLight()">Filter
"tblOrder">

        Id
        Name
        Order Type


        1
        Gupta Traders
        Special


        2
        Shrikant Steel
        General


        3
        Payal Furniture
        Special
+3
Siddharth Gajbhiye5y ago
Hello Sharma

You can try this using css only
<table id="tblOrder">
    <tr>
        <th>Idth>
        <th>Nameth>
        <th>Order Typeth>
    tr>
    <tr>
        <td>1td>
        <td>Gupta Traderstd>
        <td>Specialtd>
    tr>
    <tr>
        <td>2td>
        <td>Shrikant Steeltd>
        <td>Generaltd>
    tr>
    <tr>
        <td>3td>
        <td>Payal Furnituretd>
        <td>Specialtd>
    tr>

table>
Regards.
0
Ankit Kanojia5y ago
Hi Sharma Raishan,

In case of you're using simple HTML table, then i must say #Sachin Singh's approach is the proper way.

But in case of you're using JQuery Datatable then they propvide fnRowCallback inbuilt event which does the same, like it will automatically change the background color of row basde on value of cell. And i guess its very easy and less coded pre-defined function of Datatable. For more details you can refer - https://stackoverflow.com/questions/25186921/change-row-background-color-based-on-cell-value-datatable

Regards.
0