是否可以自定义jqgrid外观？

Question

是否可以自定义jqgrid外观？

Raj*_*esh 10 jquery jqgrid twitter-bootstrap

我希望我的jqgrid看起来像bootstrap表的外观和感觉.
是否可以自定义外观.
我知道jqgrid支持(jquery主题),但我希望bootstarp的外观和感觉而不是jquery主题.

Answer 1

问题是jqGrid基于jQuery UI CSS框架.jqGrid <table>动态地从空元素构建网格.它插入了很多具有类似于预定义的CSS名称元素"ui-widget","ui-widget-content","ui-state-hover","ui-icon"等等.

我之前从未使用过bootstrap.它似乎有它自己的Base CSS框架.因此,我看到的唯一方法是您自定义jQuery UI CSS,以便它对应于bootstrap的外观.你可以尊重Themeroller这样做.在页面上,您可以交互式地创建新的jQuery UI主题,它看起来非常接近bootstrap CSS.最后,您可以通过单击"下载主题"按钮下载自定义CSS(请参阅页面左侧"自行滚动"选项卡).或者,您可以使用jQuery UI ThemeRoller Developer Tool来创建新的CSS.

@Oleg我认为Yasser的意思是,当你有一个具有一定宽度的设备时,可以使jQgrid理解屏幕大小并相应地表现.我做的一件事是一旦我的网格加载我可以使用javascript来检查宽度,我根据这隐藏列,但我想要的是在列模型中我可以定义一个或多个冻结列,在小屏幕上它只显示作为第一个和休息可以向右和向左滚动分页,搜索和过滤愉快地访问,例如在平板电脑和手机上. (2认同)

Answer 2

Sim*_*ham 7

我遇到了同样的问题,最终放弃了jqgrid并获得了DataTables - http://datatables.net/.它与jqgrid非常相似,可以说具有更好的功能,并带有如何像bootstrap一样设计样式的说明 - http://datatables.net/blog/Twitter_Bootstrap.

ya这是好的datatables想出了bootsrap layout ..我希望sam可以用jqgrid完成..为什么布局是如此耦合在jqgrid..user应该可以自由选择CSS属性..我希望jgrid设计师正在听对我的不满 (3认同)

归档时间：	13 年，6 月前
查看次数：	14928 次
最近记录：	8 年，9 月前