大家好？
今天我想向大家介绍一款在开发 GMS 工具时非常实用的前端插件。
您可以通过访问以下 URL 进行查看：
https://datatables.net/examples/styling/bootstrap.html
以下是应用（前）与（后）的截图。
<应用前>
上图是目前在测试中，大约 2000 条数据在没有插件的情况下显示的样子。
（未来如果数据堆积得非常多……那场面应该很壮观吧？）
以下是应用插件后的效果。
可以按 10、20、50、100 条进行整理查看，通过 Search 可以搜索表格行，并提供了分页（Pagination）功能。
如果抱着“想亲手实现看看”的想法，或者从来没有实现过（分页、条目显示、搜索），我建议还是亲自尝试一下。
如果已经实现过，觉得是在做重复劳动的话，我认为使用这个插件来处理工作会更加轻松。
使用方法简要整理如下。
建议使用 jQuery 1.12 或更高版本。（我没有测试过更低版本。因为示例网站使用的是 1.12 版本，所以在此告知。笔者使用的是 jQuery 2.x 版本。）
1. 下载文件并应用 <script src=""></script> 脚本。
配置如下所示：
查看更多
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script src="dataTables.bootstrap.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
2. 调用 API。
按如下方式进行调用。
$(
'#example'
).DataTable();
如果您想从零开始制作所有功能，建议尝试亲手实现。
但是，如果您在实际工作中没有时间，推荐使用这个插件。
（不过，如果需要进行更深度的定制，还是建议自己制作。）
使用体验——非常方便。
不过，我没有测试过浏览器的兼容性。在 Chrome 48.0 及以上版本中运行正常。