I am coding in asp.net mvc and I am trying to implement the table of DataTables.net but I get this error: DataTables warning: table id=abc - Incorrect column count. For more information about this error, please see http://datatables.net/tn/18
This is my table:
<table id="abc" class="display table-bordered table-hover">
<tr>
<th>
@Html.DisplayNameFor(model => model.StudentID)
</th>
<th>
@Html.DisplayNameFor(model => model.FirstName)
</th>
<th>
@Html.DisplayNameFor(model => model.LastName)
</th>
<th>
@Html.DisplayNameFor(model => model.Program)
</th>
<th>
@Html.DisplayNameFor(model => model.YearGraduate)
</th>
<th>
@Html.DisplayNameFor(model => model.BoardScore)
</th>
<th>Action</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.StudentID)
</td>
<td>
@Html.DisplayFor(modelItem => item.FirstName)
</td>
<td>
@Html.DisplayFor(modelItem => item.LastName)
</td>
<td>
@Html.DisplayFor(modelItem => item.Program)
</td>
<td>
@Html.DisplayFor(modelItem => item.YearGraduate)
</td>
<td>
@Html.DisplayFor(modelItem => item.BoardScore)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = item.StudentID }, new { @class = "btn btn-primary" })
@Html.ActionLink("Details", "Details", new { id = item.StudentID }, new { @class = "btn btn-success" })
@Html.ActionLink("Delete", "Delete", new { id = item.StudentID }, new { @class = "btn btn-danger" })
</td>
</tr>
}
</table>
Your table is incorrect you are missing <thead> and <tbody> tags.
this is a valid table:
<table>
<thead>
<tr>
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>