EasyUI学习第五篇:Datagrid数据表格
来源:互联网 发布:ssh 指定端口号 编辑:程序博客网 时间:2024/06/05 11:35
<table id="tt" width="100%"></table>$('#tt').datagrid({ url : '/UserServlet?method=findAll', title:'用户列表', height:800, fitColumns:true,//扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动 columns:[[ {field:'id',title:'编号',width:80}, {field:'username',title:'用户名',width:80}, {field:'password',title:'密码',width:80}, {field:'sex',title:'性别',width:80}, {field:'age',title:'年龄',width:80}, {field:'birthday',title:'出生日期',width:80}, {field:'city',title:'所属城市',width:80}, {field:'salary',title:'薪资',width:80}, {field:'starttime',title:'开始时间',width:200}, {field:'endtime',title:'结束时间',width:200}, ]], pagination:true, //在 datagrid 的底部显示分页栏 pageSize:10, //初始化页码 ,每页显示多少条 pageList:[5,10,15,20], //初始化页面尺寸的选择列表});
数据格式:
{
“total”:239,
“rows”:[
{“code”:”001”,”name”:”Name 1”,”addr”:”Address 11”,”col4”:”col4 data”},
{“code”:”002”,”name”:”Name 2”,”addr”:”Address 13”,”col4”:”col4 data”},
{“code”:”003”,”name”:”Name 3”,”addr”:”Address 87”,”col4”:”col4 data”},
{“code”:”004”,”name”:”Name 4”,”addr”:”Address 63”,”col4”:”col4 data”},
{“code”:”005”,”name”:”Name 5”,”addr”:”Address 45”,”col4”:”col4 data”},
{“code”:”006”,”name”:”Name 6”,”addr”:”Address 16”,”col4”:”col4 data”},
{“code”:”007”,”name”:”Name 7”,”addr”:”Address 27”,”col4”:”col4 data”},
{“code”:”008”,”name”:”Name 8”,”addr”:”Address 81”,”col4”:”col4 data”},
{“code”:”009”,”name”:”Name 9”,”addr”:”Address 69”,”col4”:”col4 data”},
{“code”:”010”,”name”:”Name 10”,”addr”:”Address 78”,”col4”:”col4 data”}
]
}
- EasyUI学习第五篇:Datagrid数据表格
- easyUI 数据表格-datagrid
- jQuery EasyUI DataGrid 数据表格
- jQuery EasyUI DataGrid 数据表格
- easyui datagrid表格数据排序
- easyui datagrid数据表格(一)
- jQuery-EasyUI-DataGrid 数据表格
- JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- Jquery easyui 数据表格 (DataGrid DetailView)
- jquery easyui DataGrid 数据表格 属性
- jQuery EasyUI 之DataGrid 数据表格
- jquery easyui DataGrid 数据表格 属性
- jquery easyui DataGrid 数据表格 属性
- 用C#和vs2015编写了一个简单音乐播放器,实现功能,多条音乐导入,播放、暂停、上下曲。采用vs2105自带的一个播放器控件
- 欢迎使用CSDN-markdown编辑器
- 快速排序之python实现
- codeforces B. Memory and Trident
- Goroutines vs Threads
- EasyUI学习第五篇:Datagrid数据表格
- freeMarker学习(二)
- js获取url中的中文参数出现乱码解决
- 项目的开发架构
- mysql、zookeeper、redis和elasticsearch主从同步机制
- 校招面试之——网络相关
- 字符串最后一个单词的长度
- 美团2017校招(内推):计数:count(i)表示数组中第i 个元素后比其小的元素个数
- JAVA基础 day09 内部类 和 匿名内部类的应用