Unable to set CSS properties for rows in Slickgrid

问题:

I'm trying to set a CSS class to rows in Slickgrid. I've looked up here and here, and created a test code according with this Slickgrid example. Here it is:

    var cols = [{ id: "id", name: "Report name", field: "Description", width: 600, sortable: true}];

    var options = {
       enableCellNavigation: true,
       enableColumnReorder: false,
       syncColumnCellResize: true,
       showHeaderRow: true,
       headerRowHeight: 30
    };

    $(function () {
      var data = [];
      for (var i = 0; i < 10; i++) {
        data[i] = {
            Description: "Task " + i
        };
      }
      data.getItemMetadata = function (index) {
        if (index == 0) {
            return { "cssClasses": "test" };
        }
      };

      grid = new Slick.Grid("#listV", data, cols, options);
      grid.setSelectionModel(new Slick.RowSelectionModel());
   });

The 'test' CSS class only colors the background of the row with red.

What happens is that when I load the page, I can see the first row flash with red for a second, but as soon as the page is loaded the background color is back to what it is for other rows.

What can be the issue here? Thanks a lot!