在线示例 - layui

文档
示例
社区
周边

社区交流

即时聊天

社区模板

独立组件

Axure组件
后台方案

开发工具

调试预览
布局

栅格

后台布局
基本元素

按钮

表单

导航/面包屑

选项卡

进度条

面板

徽章

时间线

静态表格

动画

辅助元素
组件示例

弹出层

日期与时间选择

即时通讯

数据表格

分页

文件上传

轮播

模板引擎

流加载

工具集

代码修饰器

1.0.9:富文本编辑器

1.0.9:树形菜单

简单数据表格
列宽自动分配
赋值已知数据
转化静态表格
开启分页
自定义分页
开启复选框
开启单元格编辑
加入表单元素
设置单元格样式
固定列
数据操作
数据表格的重载
高度最大化适应
设置初始排序
监听单元格事件
复杂表头

不定期加入示例

预览
查看代码
帮助

ID	用户名	性别	城市	签名	积分	评分	职业	财富

<!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="//res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>