1
Answer

Uncaught TypeError: Cannot read property 'style' of undefined

Ramco Ramco

Ramco Ramco
3y
9.3k
1
Hi
 
I am getting this error when i wrote render lines
 
Uncaught TypeError: Cannot read property 'style' of undefined
at Fa (jquery.dataTables.min.js:62)
at ha (jquery.dataTables.min.js:48)
at e (jquery.dataTables.min.js:93)
at HTMLTableElement. (jquery.dataTables.min.js:93)
 
{
"render": function (data, type, full, meta)
{ return "Update"; }
},
{
data: null, render: function (data, type, row) {
return "Delete";
}
},
  1. $(document).ready(function () {  
  2. $("#tblLocation").dataTable({  
  3. ajax: {  
  4. type: "get",  
  5. url: "/Location/List",  
  6. dataType: "json",  
  7. dataSrc: ""  
  8. },  
  9. paging: true,  
  10. sort: true,  
  11. pageLength: 10,  
  12. searching: true,  
  13. columns: [  
  14. { 'data': 'Id', "autoWidth": true },  
  15. { 'data': 'Description', "autoWidth": true },  
  16. { 'data': 'IsActive', "autoWidth": true },  
  17. $(document).ready(function () {  
  18. //loadData();  
  19. $("#tblLocation").dataTable({  
  20. ajax: {  
  21. type: "get",  
  22. url: "/Location/List",  
  23. dataType: "json",  
  24. dataSrc: ""  
  25. },  
  26. paging: true,  
  27. sort: true,  
  28. pageLength: 10,  
  29. searching: true,  
  30. columns: [  
  31. { 'data': 'Id', "autoWidth": true },  
  32. { 'data': 'Description', "autoWidth": true },  
  33. { 'data': 'IsActive', "autoWidth": true },  
  34. {  
  35. "render": function (data, type, full, meta)  
  36. { return "Update"; }  
  37. },  
  38. {  
  39. data: null, render: function (data, type, row) {  
  40. return "Delete";  
  41. }  
  42. },  
  43. ]  
  44. });  
  45. });  
  46. },  
  47. ]  
  48. });  
  49. $('body').on('click', '[id*=btnEdit]', function () {  
  50. var data = $(this).parents('tr').find('td');  
  51. var id = data.eq(0).html();  
  52. var description = data.eq(1).html();  
  53. $('[id*=txtId]').val(id);  
  54. $('[id*=txtDescription]').val(description);  
  55. $("#btnAdd").hide();  
  56. $(".modal-title").html("Update");  
  57. $("#btnUpdate").show();  
  58. $('#myModal').modal("show");  
  59. });  
  60. });
below is the sequence of Js file in Layout
  1. <script src="~/components/jquery/dist/jquery.min.js"></script>  
  2. <script src="~/components/bootstrap/dist/js/bootstrap.min.js"></script>  
  3. <!-- DataTables -->  
  4. <script src="~/components/datatables.net/js/jquery.dataTables.min.js"></script>  
  5. <script src="~/components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>  
Thanks
Answers (1)
Next Recommended Forum