How to apply style to sap.m.table row based on the data in one of the cell in that row

I am working with sap.m.table. I have requirement to apply or change the background color for some of the rows based on the data in one of the column in those rows in table.

I am using the following code but it is not working

created the CSS file: test.css under webConent/css folder

<style type="text/css">

        .Total {

            background-color: LightSteelBlue  !important;

        }

</style>

The above CSS file declare in Component.js like the following way ( correct me if this not right way to make the css file available to access in whole ui5 project.

"resources": {

              "css": [

                        {

                          "uri": "css/test.css"

                        }

                      ]

        }

In Controller.i have defined the following method to apply the style sheet for the particular rows alone in table.

rowColours : function() {

        var  oController = this;

        console.log("rowColours() --> Start ");

        var oTable = this.oView.byId("tblAllocation");

        var rows = oTable.getItems().length;   //number of rows on tab

         //start index

        var row ;

        var cells = [];

        var oCell =null;

        for (i =0; i<oTable.getItems().length; i++){

            //console.log("rowColours() :: row--> "+row);

            //actualRow = oTable.getItems(); //content

            if(i==0){

             row =  oTable.getItems()[i];

             cells = cells.concat(oTable.getItems()[i].getCells());

            //having the cell2 data in the row

             oCell =cells[2];

             //finding the id of the control

             oCell= oCell.toString().substring(29,oCell.length);

            //capturing the cell data

             otemp = this.getView().byId(oCell).getText());

             // based on the data need to apply css

             if(otemp.toString() == "Total"){

                 oTable.getItems()[i].$().taggleClass("Total");

             }

            }

        }

        console.log("rowColours() --> end ");

    },

In the above method. I am checking the cell2 data ( in table cell 2 i was using the sap.ui.commons.Textview control to display the data. when call this method to get the data in that cell. I am getting the following error.

otemp = this.getView().byId(oCell).getText());

error: Uncaught TypeError: Cannot read property 'getText' of undefined

is the following code is possible to change the row bg color.

if(otemp.toString() == "TotalAllocation"){

                 oTable.getItems()[i].$().taggleClass("grandTotal");

             }

Please let me know how to change the bg color or applying the style for the perticular row in sap.m.table

Thanks