当前位置 : 主页 > 编程语言 > python >

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

来源:互联网 收集:自由互联 发布时间:2023-03-22
首先给你们一个连接:如果看不懂英文的话,使用谷歌浏览器,可以有翻译功能 ​​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'即可

网友评论