演示
调试预览
布局
栅格
框架
基本元素
按钮
表单
导航 / 面包屑
基础菜单
选项卡
进度条
面板
徽章
时间线
静态表格
动画
辅助元素
组件示例
弹出层
日期与时间选择
数据表格
分页
下拉菜单
文件上传
穿梭框
树形组件
颜色选择器
滑块
评分
轮播
模板引擎
流加载
工具模块
文本行修饰
简单数据表格
列宽自动分配
赋值已知数据
转化静态表格
开启分页
自定义分页
开启头部工具栏
开启合计行
开启复选框
开启单选框
开启单元格编辑
加入表单元素
设置单元格样式
固定列
数据操作
解析任意数据格式
行事件
数据表格的重载
高度最大化适应
设置初始排序
单元格事件
复杂表头
更多用法见文档
预览
查看代码
帮助
更多我们未能呈现的示例,还有待您在阅读文档、以及不断使用的过程,去深入挖掘。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="/layui/dist/css/layui.css" media="all"> <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --> </head>
相关
表格模块文档