layui实现一个table表格分页多选效果代码-html代码-BFW代码库

layui实现一个table表格分页多选效果代码

代码语言：html

所属分类：表格

代码描述：layui实现一个table表格分页多选效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
   <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.mockjax.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.js"></script>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css">
</head>
<body>

    <div id="test1"></div>

    <script>
    var ids=[];
        $.mockjax({
            url: '/getuser', //接口地址
            // 返回的HTTP状态码
            status: 200,
            // 响应时间
            responseTime: 750,
            // 响应的HTTP内容类型
            contentType: 'application/json',
            // 返回的内容
            responseText: {"code":0,"count":5,"msg":"",
                "data": [{
                    "id": 1,
                    "age": 11,
                    "city": "shaghia"
                },{
                    "id": 2,
                    "age": 11,
                    "city": "shaghia"
                },{
                    "id": 3,
                    "age": 11,
                    "city": "shaghia"
                },{
                    "id": 4,
                    "age": 11,
                    "city": "shaghia"
                },{
                    "id": 5,
                    "age": 11,
                    "city": "shaghia"
                }]
            }
        });

        layui.use('table', function () {
            let table = layui.table, form = layui.form, $ = layui.$;

     .........完整代码请登录后点击上方下载按钮下载查看