这篇博客介绍如何利用JQuery和jqGrid组件在前端展示从数据库获取的数据。主要内容包括创建table组件，设置JQuery部分以指定数据源URL、数据类型、列显示名称和ColModel属性。jqGrid的mtype用于指定AJAX请求方式，height定义表格高度，而jsonReader则解释了如何解析服务器返回的JSON数据。
源自数据库的数据显示表格
前台
| ID | 学号 | 姓名 | 家庭住址 | 余额 |
新建一个table组件
<table></table>
用JQuery控制
JQuery部分如下，主要学习jqGrid
url 获取数据的地址
datatype 从服务器端返回的数据类型,我们一般指定为json
colNames 前台列显示名称
ColModel 是jqGrid里最重要的一个属性，设置表格列的属性
常用：
name：为Grid中的每个列设置唯一的名称，这是一个必需选项 index：设置排序时所使用的索引名称，这个index名称会作为sidx参数（prmNames中设置的）传递到Server。 width：设置列的宽度，目前只能接受以px为单位的数值，默认为150。 hidden 在初始化表格时是否要隐藏此列 sortable 是否可排序 so |
最低0.47元/天 解锁文章
扫一扫
1175
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
