设置easyui-datagrid标题及内容的位置
2015-02-11 14:37
375 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Complex DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="themes/icon.css"> <link rel="stylesheet" type="text/css" href="demo.css"> <script type="text/javascript" src="jquery-1.6.min.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> <script type="text/javascript" src="demo.js"></script> <script type="text/javascript"> $(function(){ $('#test').datagrid({ url:'datagrid_data_.json', columns:[[ {field:'code',title:'Code',width:400,align:'center',headalign:'left'}, {field:'name',title:'Name',width:400,align:'right',headalign:'center'}, {field:'addr',title:'Address',width:459,align:'left',headalign:'right'} ]] }); }); </script> </script> </head> <body> <table id="test"></table> </body> </html>
{
"total":300,
"rows":[
{"code":"001","name":"Name 1","addr":"Address 11"},
{"code":"002","name":"Name 2","addr":"Address 13"},
{"code":"003","name":"Name 3","addr":"Address 87"},
{"code":"004","name":"Name 4","addr":"Address 63"},
{"code":"005","name":"Name 5","addr":"Address 45"},
{"code":"006","name":"Name 6","addr":"Address 16"},
{"code":"007","name":"Name 7","addr":"Address 27"},
{"code":"008","name":"Name 8","addr":"Address 81"},
{"code":"009","name":"Name 9","addr":"Address 69"},
{"code":"010","name":"Name 10","addr":"ssmmsms 78"}
]
}
相关文章推荐
- easyui中datagrid标题居中内容居左实现方式
- easyui datagrid 设置列名居中 内容靠左并自动换行
- easyui中datagrid标题居中内容居左实现方式
- datagrid详细操作单元格样式 设置列标题居中而列内容居右显示
- EasyUI datagrid 实现标题居中,内容居左的方法
- EasyUI datagrid 实现标题居中,内容居左的方法
- easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
- easyui datagrid 列标题中设置checkbox后,解除与行选择的checkbox联动方法
- 解决easyui列标题和列内容不对齐的问题
- 定义一个DataGridViewTextBoxColumn使其可以设置列标题显示的位置
- C# WinForm中DataGrid列设置(列宽/列标题等)
- 完美解决在wpf datagrid让列标题居中以及列内容居中
- DataGrid 表头标题,表格文字的字体设置
- 动态设置全屏、取消全屏的方法,以及切换全屏保持内容位置不变的方法
- Easyui Dialog 设置初始位置
- Asp.net网站开发备忘笔记(1)----设置关键字/内容描述/标题
- Javascript 设置 文本框 的内容 的焦点 位置(兼容IE FIrefox Chrome)-摘自网络
- easyUI datagrid 行内容超过添加(...)
- easyUI datagrid 行内容超过添加(...)
- (转载) Flex DataGrid Scrollbar滚动条x,y起始位置设置