警告:无法重新初始化DataTable - 如何使用就绪功能添加滚动选项?

时间:2017-10-23 13:46:49

标签: javascript php jquery

这会引发错误。 (警告:无法重新初始化DataTable)我查看了不同的选项,但我认为它与ready函数有关。

<script>
$(document).ready(function() {
    $('#Database').DataTable({
      responsive: true        
    });
});
</script>
<script>
$('#Database').DataTable({
      scrollX: true        
    });
</script>

这不会引发错误但不起作用。

<script>
$(document).ready(function() {
    $('#Database').DataTable({
      responsive: true, 
      scrollX: true
    });
});
</script>

我需要我的数据库使用ready函数滚动水平并出现问题。

PHP / MySQLi代码

<div class="panel-body">
                        <table width="100%" class="table table-striped table-bordered table-hover" id="Database">
                            <thead>
                                <tr>
                                    <th>Status</th>
                                    <th>Client's ID</th>
                                     <th>Client's Business Name</th>
                                     <th>Time</th>
                                    <th>Hours</th>
                                    <th>Pay</th>

                                 </tr>
                            </thead>
                            <tbody>
<?PHP
$conn = mysqli_connect("","","","");

$query = mysqli_query($conn, "Select * from Database WHERE ID = '".$_SESSION['id']."'");

while ($result = mysqli_fetch_array($query))
{

echo "<tr>
<td>".$result['Status']."</td>
<td>".$result['Client_ID']."</td>
<td>".$result['Client_Business_Name']."</td>
<td>".$result['Date']."</td>
<td>".$result['Time']."</td>
<td>".$result['Total_Hours']."</td>
   </tr>";

 }
 mysqli_close($conn);
 ?>


                            </tbody>
                        </table>

                        <div class="well">
                            <h4></h4>
                            <p>
                            </p>

                        </div>
                    </div>

                </div>

            </div> 

1 个答案:

答案 0 :(得分:0)

第一个代码块正常抛出错误。您无法重新初始化数据表。最终

第二块可以。你只需要scrollX:true,因为概念响应与X滚动相反。

$('#Database').DataTable({
  scrollX: true
});