bootstrap和jqGrid结合使用(改变表格样式风格)

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/AinUser/article/details/81911919

首先给你们一个连接：如果看不懂英文的话，使用谷歌浏览器，可以有翻译功能

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'即可