应用中经常会遇到向用户展示信息的情况。我们可以自己通过<table>标签来实现。在此介绍另一种方法：通过jQuery的插件来实现信息的展示以及对数据的操作等功能。
在网上，关于jQuery的表格插件有不少。其中有几款做的很好，比如：flexiGrid和jqGrid。不过flexGrid网上的资料很少，官方文档不全。而jqGrid的官方文档却相当的全面。官方文档网址：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs。
学习任何一项技术，第一个例子相当的重要，如果第一个例子都不能运行成功，那接下来的学习将是相当的困难，甚至没法进行下去。所以，在此先实现第一个例子，希望对刚刚接触jqGrid的人有所帮助。
jqGrid获得数据的方式有多种，包括xml和JSON等。第一个例子，我使用了更简单的方式，即Array方式。之后的例子会用json从服务器端获得数据。本例子没有从跟后台交互。
本例子的效果如下：
列出关键代码：
html代码：
因为jqGrid3.6集成了jQuery UI，所以，此处需要导入UI相关js和css。另外，grid.locale-zh_CN.js这个国际化文件是自己翻译的，因为官方网站没有中文的国际化文件（官方提供了很多中语言的国际化文件，但是没有提供中文的，什么意思嘛！）。另外，这个文件必须在jquery.jqGrid.min.js之前导入，否则会出问题。
javascript代码：
可以看出，jqGrid的使用是：$("#tableId").jqGrid(optional);其中，optional是一个对象，有很多属性，具体什么含义，怎么配置，之后的文章我会介绍，也可以在官方网站找到详细的介绍。
jsp/Servlet集成jqGrid、Struts2集成jqGrid请关注本人之后的博客文章。