Table not showing as Jquery Datatable

Question

Hi     It is showing error -  Uncaught TypeError: Cannot read property 'mData' of undefined at HTMLTableCellElement. (jquery.dataTables.min.js:90)      Location.js   $(document).ready(function () { $("#tblLocation").dataTable({ }); });    *********************** @model IEnumerable Add New Location
@Html.DisplayNameFor(model => model.Id) @Html.DisplayNameFor(model => model.Description) @Html.DisplayNameFor(model => model.IsActive) @foreach (var item in Model) { @Html.DisplayFor(modelItem => item.Id) @Html.DisplayFor(modelItem => item.Description) @Html.DisplayFor(modelItem => item.IsActive) }     Thanks

Sachin Singh · Accepted Answer

You have a different number of columns,  which means you have only 3 headings but you have 5 tds, this is out of the scope of datatable, in short datatable can't recognize the last column. solution.:-  add one more th.       @Html.DisplayNameFor(model => model.Id)         @Html.DisplayNameFor(model => model.Description)         @Html.DisplayNameFor(model => model.IsActive)      Actions        Actions :- i gave this name because you want both Edit and Remove in a single column.

Ramco Ramco · Answer

resolved. No of cols were different