如何解决Jquery数据表中无法设置未定义的属性“_DT_CellIndex”

Question

<?php    if(mysqli_num_rows($result)>0)    {?>        <table class="table table-striped" id="example" align="center">            <tr>                <thead>                    <th style="padding:7px">Name</th>                    <th style="padding:7px">Email</th>                    <th style="padding:7px">Position</th>                    <th style="padding:7px">Action</th>                </thead>            </tr>                <tbody id="myTable">    <?php        echo "<tr>";                while($row=mysqli_fetch_assoc($result))        {            $id = $row['id'];            echo "<td style='padding:7px'>".$row["name"]."</td>";            echo "<td style='padding:7px'>".$row["email"]."</td>";            echo "<td style='padding:7px'>".$row["position"]."</td>";            ?>            <td style='padding:7px'><button class="btn btn-info"  onclick="deleteUser('<?php echo $row['id'];?>')"> <i class="fa fa-trash"></i> DELETE </button> |            <a class="btn btn-info" href="edit_user.php?id=<?php echo $row['id'];?>"> <i class="fa fa-pencil"></i> EDIT</a> |                   <button class="btn btn-info  abc" value="View Data" data-id="<?php echo $row['id']; ?>">  <i class="fa fa-eye"></i> VIEW DATA </button>                </td>                    <?php echo "</tr>";         } ?>                </tbody>                    <tfoot>                <th style="padding:7px">Name</th>                <th style="padding:7px">Email</th>                <th style="padding:7px">Position</th>                <th style="padding:7px">Action</th>                </tfoot>                        <?php         echo "</table>";              }    else        {            echo "No row exists";        }    ?>我正在使用 Jquery Datatable 来排序、搜索和分页数据。在我运行代码后，它显示错误 _DT_CellIndex' 未定义。 <tr>、<td>、<th>、<thead>、<tbody>、<tfoot>标签正确使用并正确关闭。

Answer 1

首先，我在谷歌上搜索了您的错误，看起来这通常意味着您的表在某种程度上存在格式错误，例如行大小不匹配。

它说“错误：您不能在 thead 组之前定义任何行”

我很确定你的问题是你需要嵌套tr在 的内部thead，而不是相反：

        <table class="table table-striped" id="example" align="center">

            <thead>

                <tr>

                    <th style="padding:7px">Name</th>

                    <th style="padding:7px">Email</th>

                    <th style="padding:7px">Position</th>

                    <th style="padding:7px">Action</th>

                </tr>

            </thead>