DataTables warning - Incorrect column count

Question

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" }) &nbsp;&nbsp;&nbsp;
                @Html.ActionLink("Details", "Details", new { id = item.StudentID }, new { @class = "btn btn-success" })&nbsp;&nbsp;&nbsp;
                @Html.ActionLink("Delete", "Delete", new { id = item.StudentID }, new { @class = "btn btn-danger" })
            </td>
        </tr>
    }

</table>

what does your datatable initialization in javascript look like, also you seem to miss and — Roe, Nov 17 '22 at 14:28
You can read the DataTables [installation guide](https://datatables.net/manual/installation#HTML), which includes a section describing how to provide the HTML table structure required by DataTables. — andrewJames, Nov 17 '22 at 18:14
This is also covered in the page mentioned in your error message: [Incorrect column count](https://datatables.net/manual/tech-notes/18). Did you follow the resolution guidelines provided there? — andrewJames, Nov 17 '22 at 18:16

score 7 · Accepted Answer · answered Nov 17 '22 at 14:32

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>

DataTables warning - Incorrect column count

1 Answers1