layui跨行的使用

最新推荐文章于 2023-09-11 09:41:30 发布
你的美，让我痴迷
最新推荐文章于 2023-09-11 09:41:30 发布
阅读量1.7k
点赞数
分类专栏： layui
本文链接：https://blog.csdn.net/weixin_45932157/article/details/108644297
版权
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
     
    <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
    <script src="~/Content/layui/layui.js"></script>
    <!-- <script src="./jquery-1.10.2/jquery.js"></script> -->
    <style>
        .layui-progress {
   
            margin-top: 12px;
        }
    </style>
</head>
<body>
    <table class="layui-table" id="test" lay-filter="test"></table>
    <script>
        layui.config({
   
            base: 'module/'
        }).extend({
   
            tableMerge: 'tableMerge'
        });
        layui.use(['table','element','tableMerge'],function(){
   
            var table = layui.table;
            tableMerge = layui.tableMerge;
            var element = layui.element;
            table.render({
   
                elem:'#test',
                //url:,//数据接口
                cellMinWidth:80,//全局定义常规单元格的最小宽度
                height:900,
                limit:30,
                // page:{
   //支持传入 laypage 组件的所有参数（某些参数除外，如jump/elem）-详见文档
                //     layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'],//自定义分页布局
                //     curr: 1 //设定初始在第 1 页
                // },
                //这里是个人添加的静态数据，可用url动态获取后台数据
                data:[
                    {
   "department":"部门1","username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},
                    {
   "department":"部门1","username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},
                    {
   "department":"部门1","username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68},
                    {
   "department":"部门1","username":"user-4","sex":"男","city":"城市-4","sign":"签名-4","experience":807,"logins":51,"wealth":76263262,"classify":"作家","score":6},
                    {
   "department":"部门1","username":"user-5","sex":"女","city":"城市-5","sign":"签名-5","experience":173,"logins":68,"wealth":60344147,"classify":"作家","score":87},
                    {
   "department":"部门1","username":"user-6","sex":"女","city":"城市-6","sign":"签名-6","experience":982,"logins":37,"wealth":57768166,"classify":"作家","score":34},
                    {
   "department":"部门1","username":"user-7","sex":"男","city":"城市-7","sign":"签名-7","experience":727,"logins":150,"wealth":82030578,"classify":"作家","score":28},
                    {
   "department":"部门2","username":"user-8","sex":"男","city":"城市-8","sign":"签名-8","experience":951,"logins":133,"wealth":16503371,"classify":"词人","score":14},
                    {
   "department":"部门2","username":"user-9","sex":"女","city":"城市-9","sign":"签名-9","experience":484,"logins":25,"wealth":86801934,"classify":"词人","score":75},
                    {
   "department":"部门2","username":"user-10","sex":"女","city":"城市-10","sign":"签名-10","experience":1016,"logins":182,"wealth":71294671,"classify":"诗人","score":3},
                    {
   "department":"部门2","username":"user-11","sex":"女","city":"城市-11","sign":"签名-11","experience":492,"logins":107,"wealth":8062783,"classify":"诗人","score":6},
                    {
   "department":"部门2","username":"user-12","sex":"女","city":"城市-12","sign":"签名-12","experience":106,"logins":176,"wealth":42622704,"classify":"词人","score":54},
                    {
   "department":"部门2","username":"user-13","sex":"男","city":"城市-13","sign":"签名-13","experience":1047,"logins":94,"wealth":59508583,"classify":"诗人","score":63},
                    {
   "department":"部门2","username":"user-14","sex":"男","city":"城市-14","sign":"签名-14","experience":873,"logins":116,"wealth":72549912,"classify":"词人","score":8},
                    {
   "department":"部门3","username":"user-15","sex":"女","city":"城市-15","sign":"签名-15","experience":1068,"logins":27,"wealth":52737025,"classify":"作家","score":28},
                    {
   "department":"部门3","username":"user-16","sex":"女","city":"城市-16","sign":"签名-16","experience":862,"logins":168,"wealth":37069775,"classify":"酱油","score":86},
                    {
   "department":"部门3","username":"user-17","sex":"女","city":"城市-17","sign":"签名-17","experience":1060,"logins":187,"wealth":66099525,"classify":"作家","score":69},
                    {
   "department":"部门3","username":"user-18","sex":"女","city":"城市-18","sign":"签名-18","experience":866,"logins":88,"wealth":81722326,"classify":"词人","score":74},
                    {
   "department":"部门3","username":"user-19","sex":"女","city":"城市-19","sign":"签名-19","experience":682,"logins":106,"wealth":68647362,"classify":"词人","score":51},
                    {
   "department":"部门3","username":"user-20","sex":"男","city":"城市-20","sign":"签名-20","experience":770,"logins":24,"wealth":92420248,"classify":"诗人","score":87},
                    {
   "department":"部门3","username":"user-21","sex":"男","city":"城市-21","sign":"签名-21","experience":184,"logins":131,"wealth":71566045,"classify":"词人","score":99},
                    {
   "department":"部门4","username":"user-22","sex":"男","city":"城市-22","sign":"签名-22","experience":739,"logins":152,"wealth":60907929,"classify":"作家","score":18},
                    {
   "department":"部门4","username":"user-23","sex":"女","city":"城市-23","sign":"签名-23","experience":127,"logins":82,"wealth":14765943,"classify":"作家","score":30},
                    {
   "department":"部门4","username":"user-24","sex":"女","city":"城市-24","sign":"签名-24","experience":212,"logins":133,"wealth":59011052,"classify":"词人","score":76},
                    {
   "department":"部门4","username":"user-25","sex":"女","city":"城市-25","sign":"签名-25","experience":938,"logins":182,"wealth":91183097,"classify":"作家","score":69},
                    {
   "department":"部门4","username":"user-26","sex":"男","city":"城市-26","sign":"签名-26","experience":978,"logins":7,"wealth":48008413,"classify":"作家","score":65},
                    {
   "department":"部门4","username":"user-27","sex":"女","city":"城市-27","sign":"签名-27","experience":371,"logins":44,"wealth":64419691,"classify":"诗人","score":60},
                    {
   "department":"部门4","username":"user-28","sex":"女","city":"城市-28","sign":"签名-28","experience":977,"logins":21,"wealth":75935022,"classify":"作家","score":37},
                    {
   "department":"部门5","username":"user-29","sex":"男","city":"城市-29","sign":"签名-29","experience":647,"logins":107,"wealth":97450636,"classify":"酱油","score":27},
                    {
   "department":"部门5","username":"user-30","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58,"wealth":64928690,"classify":"词人","score":27},
                    {
   "department":"部门5","username":"user-31","sex":"女","city":"城市-2",