带有colorbox弹出窗口的jQuery dataTables

时间:2016-06-05 19:18:32

标签: jquery html mysql datatable datatables

我正在使用dataTables Zero Configuration,但我从MySQL数据库中获取数据,当用户点击任意行时,它会打开color box popup中的详细信息。它对我来说很完美,但是当数据超过1000条记录时,加载需要大约1分钟甚至更多,具体取决于记录的数量。我知道dataTables也有Server-side processing并且加载速度非常快但我不知道如何使用彩盒弹出窗口。

所以有人可以告诉我是否有办法改进我下面提到的当前代码,以便它可以加载更快?或者帮我找到一种方法来使用任何带有dataTables服务器端处理的弹出窗口。

<table class="table table-hover" id="dataTable_1">
   <thead>
   <tr>
   <th>USER ID</th>
   <th>USER NAME</th>
   </tr>
   </thead>
   <tbody>
   <?php
   $sql = "SELECT `user_id`, `user_name` FROM `tbl_user` ORDER BY `user_id` DESC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res))
    {
    $user_id = $row['user_id'];
    $user_name = $row['user_name'];
    ?>
    <tr class="inline" href="#<?php echo $user_id; ?>">
    <td><?php echo $user_id; ?></td>
    <td><?php echo $user_name; ?></td>
    </tr>

    <!-- COLOR BOX POPUP BEGIN -->
    <div style='display:none'>
    <div id='<?php echo $user_id; ?>'>
    USER DATA HERE IN THE POPUP
    </div> </div>
    <!-- COLOR BOX POPUP END -->
    <?php } ?>
    </tbody>
    </table>

0 个答案:

没有答案