netkathir/data-table

使用纯js实现的简单数据表格，具有客户端分页功能

维护者

详细信息

github.com/gunabalans/data-table

主页

源代码

问题

安装: 4

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 2

分支: 0

公开问题: 0

语言:HTML

类型:组件

1.1 2022-04-25 00:45 UTC

MIT 1d883cc570db9d70fcaa4d4dbd7650a5421ad99e

javascripthtmldata table

This package is auto-updated.

Last update: 2024-09-25 10:53:17 UTC

README

将现有表格转换为分页表格，基于boostrap样式

最适用于服务器端渲染的HTML表格。

composer require netkathir/data-table

Netkathir数据表格

@示例：给表格添加id

在需要的地方添加页面大小选择框

     <select
        onchange="Netkathir.paging()"
        class="form-control sm"
        id="pagesize"
        style="width: 60px">
        <option selected="selected" value="10">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
        <option value="500">500</option>
      </select>

添加分页容器到所需位置

<nav id="pagination"></nav>
Call paging onload (default values - you can change)

 <script>
   Netkathir.start({
     tableId: "#data-table1",
     getPageSizeFrom: "#pagesize",
     paginationContainer: "#pagination"
   });
 </script>

image

许可证

data-table是开源软件，受MIT许可证许可。