2. success: function (result) {
3.                   
4. 
   
5.                    var final = JSON.parse(result.d).response;
6.                    console.log(JSON.parse(result.d).response)
7.                    $("#tabledata").empty();
8. 
   
9.                    if (final.length > 0) {
10.                        $("#tabledata").append(
11.                         "<tr><th>ID</th><th>OwnerName</th><th>RegNo</th><th>MileageAccumlation</th><th>MaxSpeed</th></tr>");
12. 
    
13.                        for (var i = 0; i < final.length; i++) {
14. 
    
15.                            if (final[i] !== null) {
16.                                $("#tabledata").append("<tr><td>" +
17.                                                  final[i][0] + "</td> <td>" +
18.                                                  final[i][1] + "</td> <td>" +
19.                                                  final[i][2] + "</td> <td>" +
20.                                                  final[i][3] + "</td> <td>" +
21.                                                  final[i][4] + "</td></tr>");
22. 
    
23.                            }
24.                        }
25.                        $("#tabledata").find("tr:th").addClass("GridviewScrollHeader");
26.                        $("#tabledata").find("tr:td").addClass("GridviewScrollItem");
27.                    }
28.                    else {
29.                        $("#tabledata").hide();
30.                        $("#Label4").text("No Data");
31.                    }
32.                },

but when i build then there is no effect in grid view.And gridview in html

  

   
<table id="tabledata">
   
 </table>
  

When i apply this then gridview is display with simple where as i want to apply this css in gridview when i apply this then gridview display without formatting.. what i try

what i want  So how i apply css ?? any solution?