如何将Bootstrap与jqGrid结合，实现表格样式风格的长尾词定制？

本文共计423个文字，预计阅读时间需要2分钟。

首先为您提供一個連接：如果您看不懂英文的話，可以使用谷歌瀏覽器的翻譯功能。這裡是相關文檔的鏈接：[Guriddo 文档](http://www.guriddo.net/documentation/guriddo/javascript/)。

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

​​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 = “ 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 = “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这个文件

下载地址：​​guriddo.net/?page_id=103292​​

选择最左面的Guriddo jqGrid JS即可

下载后的文件路径：Guriddo_jqGrid_JS_5_3_X_demo\css\trirand

在定义jqGrid属性的时候添加

styleUI: 'Bootstrap'即可