Javascript 如何在不使用引导的情况下将表划分为页面？

我有一个大约14000行的表，我想把表分成1400页（每个10行），在更改页面时，我想用AJAX读取一些数据。。。怎么可能呢？我不想使用引导表数据类型或任何东西

有解决办法吗？ 提前感谢。：）

这是我的桌子：

<?php                                          
    echo '<table id="table" class="table">
        <thead>
            <th>username</th>
            <th>service</th>
            <th>Date_created</th>
            <th></th>
        </thead>';

        foreach($$list as &$res){
            $username = $res['username'];
            $group = $res['service'];
            $cr = $res['creation'];



            echo "
            <tbody>
                <td>$username</td>
                <td>$group</td>
                <td>$cr</td>
                <td><button type='button' rel='tooltip' title='More info' class='btn btn-primary btn-link btn-  sm' onclick='userDetailsModal(`$username`)'><i class='material-icons'>edit</i></button></td>
            </tbody>
            ";
        }


        echo '</table>
    </div>';
?>

---

在php中使用此库构建

---

或者您可以在php中使用插件和ajax。

如果有人在编写代码时拿枪指着我，不允许使用lib，我会采取以下方法：

<table id=tab1>
  <tbody id=t1 class=active><tr><td>a</td></tr></tbody>
  <tbody id=t2><tr><td>b</td></tr></tbody>
  <tbody id=t3><tr><td>c</td></tr></tbody>
</table>
<style> tbody:not(.active) { display: none;} </style>

A.
B
C
t正文：未（.active）{display:none；}

---

我将通过将ajax响应数组循环到set

tab1.innerHTML

来生成带有ES6模板字符串的tbody。你的身体会有很多行，你的行会有很多列，但是tbody的“技巧”在这里是关键。然后在一个tbody上设置一个类

active

，以显示该页面。您需要在底部找到一个下拉列表、面包屑或页面列表小部件，以

document.querySelector（#tab1.active”）.classList.remove（“active”）并在所选页面上设置为活动。
我们需要查看您代码的相关部分以提供帮助如果您不想使用任何库，要使其一致工作将需要大量的工作…您可以创建自己的分页或使用datatable.net或My bet，使用外部库，也是@Gershom我更新了我的问题一个可能的问题是我有太多的行，我需要从我的数据加载10行到每个页面，以便页面重新加载更快。你每10行启动一个新的tbody，这与上面的标记很好地配合。也许可以问一个更有针对性的问题，如果您遇到困难，如何将ajax响应数组数据分成十组。。。tnx。对我来说不是个好选择！谢谢你的帮助。别忘了投票。同样，我也不喜欢datatable，但另一个是简单的。