Bootstrap原生的table组件只能满足简单的数据展示，满足不了更富有操作性的要求。当然了，你可以找到一款叫做“DataTables-1.10.11”的基于bootstrap的table组件，但如果你对API看得不甚了解的话，用起来可就痛苦了，但是如果你选择使用jqgrid，那么本篇教程就给你带来了解决这种富操作性table的解决方案。
一、效果展示
OK，就展示这一张图片，相信你已经爱上了bootstrap版的jqgrid，和bootstrap很兼容，简直完美，当然了，这需要我们在缘由的jqgrid上进行一些改动，同时对组件进行一定的封装。
二、资源下载
我反正挺热爱分享的，关于jqgrid的组件代码，你可以从jqgrid的官网上下载，但是下载下来需要一些改动，那么我直接将改动后的jqgrid上传到了git，你只需要把提供的文件导入到你对应的项目即可。
另外，你还需要下载一个
jquery-ui-1.10.0.custom.css
，我就不提供下载地址了，不过我相信，你肯定会找得到，就算是用频出事故的度娘，你也可以找得到。三、本篇都讲一些什么
自从建了QQ群后，“络绎不绝”的有同学加入到群中，但我也发现，进群的一步人直接来找我要demo，或者项目代码，这个我可不喜欢，自己动手做一做，去实现以下，改造一下，才会是你自己的东西，完全照搬我的代码显然你得不到更多的帮助，希望以上同学学习的时候再主动一些。
说完上面这点小废话后，我们言归正传，来说说我们本篇博客主要来讲些什么，什么才是在bootstrap中嵌入jqgrid的关键所在，我总结有如下：
jqgrid在bootstrap中的布局方案jqgrid自身的构造化参数jqgrid在bootstrap中的模块化jqgrid的数据操作
暂定分为以上部分来说明，但必须注意，限于篇幅，博客中只提供思路和部分代码。
①、 jqgrid在bootstrap中的布局方案
rush:xhtml;">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/components/common/taglib.jsp"%>
<%@ include file="/components/common/csslib.jsp"%>
<%@ include file="/components/common/taglib.jsp"%>
<%@ include file="/components/common/csslib.jsp"%>
qgridForm" role="form" action="${ctx}/deal/datablePayDealOrdersList"
method="post">
名称：
