首先给你们一个连接:如果看不懂英文的话,使用谷歌浏览器,可以有翻译功能
http://www.guriddo.net/documentation/guriddo/javascript/#using-bootstrap-v3-css-framework
如果是bootstrap v3版本的话,按照如下方式引入文件即可
<!DOCTYPE html>
< html lang = “en” >
< head >
< meta charset = “utf-8” />
<! - 指向Bootstrap css的
链接- > < link rel = “stylesheet” href = “ https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css“ >
<! - 网格所需的CSS
链接- > < link rel = ”stylesheet“ type = “text / css” media = “screen” href =“../../../ css /trirand/ui.jqgrid-bootstrap.css” />
<! - jQuery库是所有Guriddo产品的先决条件 - >
< script type = “text / ecmascript” src = “js / jquery.min.js” > </ script >
<! - 我们支持40多个本地化 - >
< script type = “text / ecmascript” src = “js / trirand / i18n / grid.locale -en.js“ > </ script >
<! - 这是jqGrid的Javascript文件 - >
< script type = ”text / ecmascript“ src =“js / trirand / jquery.jqGrid.min.js” > </ script >
< script >
$ 。jgrid 。默认值。styleUI = 'Bootstrap' ;
</ script >
< script src = “https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js” > </ script >
< title > jqGrid with Bootstrap </ title >
</ 头>
< body >
...
</ body >
</ html >
其他版本上面有介绍
需要引入的插件里面应该有一个文件不好找,在这里我给出地址
ui.jqgrid-bootstrap-ui.css这个文件
下载地址:http://guriddo.net/?page_id=103292
选择最左面的Guriddo jqGrid JS即可
下载后的文件路径:Guriddo_jqGrid_JS_5_3_X_demo\css\trirand
在定义jqGrid属性的时候添加
styleUI: 'Bootstrap'即可