layui-table2 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
layui-table2 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 Ray3390
适用人群 未知
收录时间 2018-03-02

软件简介

table2

前端table插件,需要layui支持,很多思路都是参照layuitable实现 ,jquery直接使用版本,可参见

先看几张效果图

07 01 02 03 04 05 06

优点与不足

相比laytable优点:

  • 数据可以换行,自适应宽度;可以合并单元格

  • 浏览器大小改变时table可以自适应

  • 固定列可以滚动,实现3个滚动条的同步

  • 行可以展开,查看详情

相比laytable不足:

  • 不支持模板,这个我实在不会

  • 不支持行内编辑

  • checkbox没有layui-table好看

  • 没有进行严格的测试,不知道里面有多少坑(要求严格的项目慎用)

  • 没有什么高级的写法,内部实现大多采用字符串方式,不如laytable使用模板高大上

  • laytable和layui自成一体,系统化程度高

  • 等等吧

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2017/11/03 16:57

mysql有关insert into table1 select from table2 where,当table2 没有数据的错误

目的:插入一条数据 查询语句如下: insert into oil_expense_detail ( trading_time, user_id, account_id, card_number, type, trading_money, count, unit_price, location, note ) SELECT DISTINCT '2017-11-3 13:38:51', 'y7', 29, 'youka11111', '1', 1, 1, 1, '1', '1' FROM oil_expense_detail WHERE NOT EXIST...

0
0
发表了博客
2019/10/14 10:43

Template-Layui:Layui

ylbtech-Template-Layui:百科 layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年秋,它区别于那...

0
0
发表于大前端专区
2019/03/09 22:22

layui

1.下载layui资源文件 下载地址:https://www.layui.com 2.将layui样式文件以及js文件引入项目中 <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <script type="text/javascript" s......

0
0
发表了博客
2019/06/19 22:32

layui导航

关于导航 首先看一下官网的样式: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="../layui/css/layui.css" rel="stylesheet" /> <script src="../Scripts/jquery-3.3.1.js"></script> <script src="../layui/layui.js"></script> </head> <body> <ul class="layui-nav" lay-fil...

0
0
发表了博客
2019/04/10 10:10

layui的使用说明

一、定义 layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,跟其他UI框架比较(比如bootstrap、easyui、findui、topui等等),门槛极低,拿来即用。 1、与其他UI对比 1.1 layui与easyui easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框...

0
0
2019/02/13 19:05

Layui使用

一、下载layui的文件包 下载地址:https://www.layui.com 二、引入 在index.html 引入对应的layui.css 、 layui.js 三、使用 在全局中引用 layui 四、Layui的select不显示 给form增加 render() 即可 layui.use(['......

0
0
发表了博客
2018/11/20 16:52

layui复选框

效果图 layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样 layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了。只可以通过js动态设置 html代码使用了jfinal的模板 <div class="layui-inline"> <label class="layui-form-label"><font class="faiqi...

0
0
发表了博客
2019/03/23 10:05

layui-入门

1.下载layui 2.导入layui <title>开始使用layui</title> <!-- 导入js样式 --> <link rel="stylesheet" href="layui/css/layui.css"> <!-- 导入layui脚本 --> <script src="layui/layui.js"></script> 3.写入表单 <table id="demo" lay-filter="test"></table> 4.引入表格模块 layui.use('table', funct...

0
0
发表于大前端专区
2018/04/28 17:46

layui

FormValid(); function FormValid(){ window.From=$("#orgRegForm").Validform({ tiptype:3, showAllError:true, btnSubmit:"#btn_Submit", datatype:{ "passwordcheck":/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/, "validPwdcheck":function(){ var pwd = $("#passwordHashSec").val(); var rePwd = $("#confirmP...

0
0
发表于大前端专区
2018/09/13 18:34

layUI

jQuery ajax - serialize() 方法 $("button").click(function(){ $("div").text($("form").serialize()); }); .serialize() 方法创建以标准 URL 编码表示的文本字符串。 输出标准的查询字符串: a=1&b=2&......

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2019/05/06 16:48

layui按条件筛选数据

如上图,我想根据“筛选”中的条件筛选成绩。 表格渲染是layui方法级渲染。分页是表格自带的分页,可以做到服务器端根据前端给的参数进行条件查询和排序。 现在选择条件后,不需要提交表单就会根据条件重载表格和排序(排序是服务器端排的)。每次服务器只返回当前页数据。 问题来了:跳转页码的时候它不会带上上面的筛选...

3
0
发表于大前端专区
2019/03/30 10:56

layui表格只支持二维数据吗?

这是后端返回的数据,用的是Thinkphp框架,为了方便,有些值是关联预载入。 在datatables可以这样赋值。 可是在layui表格中却不可以,看了一下手册,要求是二维数组。 这怎么办呀愁死个仁

1
0
发表于大前端专区
2018/06/08 15:58

关于layui数据表格重载,上传值不改变的问题

获取复选框的值是可以改变的,但是表格重载的请求里面 值没有改变

3
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
10 收藏
分享
返回顶部
顶部