首先给你们一个连接:如果看不懂英文的话,使用谷歌浏览器,可以有翻译功能 http://www.guriddo.net/documentation/guriddo/javascript/#using-bootstrap-v3-css-framework 如果是bootstrap v3版本的话,
首先给你们一个连接:如果看不懂英文的话,使用谷歌浏览器,可以有翻译功能
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'即可