mirror of https://github.com/layui/layui
7.3 KiB
7.3 KiB
综合演示 🔥
{{- d.include('docs/table/examples/demo.md') }}
静态表格
静态表格是指内容已经存在于页面中的 <table class="layui-table">
元素,且可通过一些特定属性设定不同风格。
{{- d.include('docs/table/examples/static.md') }}
模板配置渲染
在上文「综合演示」中,是通过组件核心方法完成的渲染。除此,还可以在模板上直接配置相关属性,让其自动完成渲染。
{{- d.include('docs/table/examples/autoRender.md') }}
静态表格转换
{{- d.include('docs/table/examples/init.md') }}
已知数据渲染
{{- d.include('docs/table/examples/data.md') }}
自定义模板
{{- d.include('docs/table/examples/templet.md') }}
自定义样式 2.7+
{{- d.include('docs/table/examples/css.md') }}
自定义分页
{{- d.include('docs/table/examples/page.md') }}
外部搜索
{{- d.include('docs/table/examples/search.md') }}
编辑的权限控制 2.7+
以下演示一个根据返回数据中某个字段来判断是否开启该行的编辑,单击对应行可进入单元格编辑。
{{- d.include('docs/table/examples/editable.md') }}
实现多样化编辑
{{- d.include('docs/table/examples/editModes.md') }}
转换数据格式
{{- d.include('docs/table/examples/parse.md') }}
筛选列记忆功能
即点击当前表格右上角筛选图标后,对表头进行显示隐藏勾选,再刷新页面依然保留当前筛选状态。
{{- d.include('docs/table/examples/filter.md') }}
选中行操作
{{- d.include('docs/table/examples/setRowChecked.md') }}
多级表头
{{- d.include('docs/table/examples/theads.md') }}