将jqGrid和bootstrap与内联编辑混合使用

时间:2013-06-12 17:25:41

标签: jquery css twitter-bootstrap jqgrid

主题几乎都说了....

将jqGrid定义与Twitter引导程序混合,我在行内联编辑中遇到了小部件大小的问题。

我在Chrome中检查了CSS,看到该行应用了以下CSS样式:

ui-widget-content
jqgrow
ui-row-tlr
ui-state-highlight

小部件本身,尽管在网格本身定义为100px的列中,正在渲染宽度类似于260px的发送。与内联文本区域小部件类似的问题。

我查看了Chrome中的元素并发现了两个CSS文件之间的一系列冲突(没有什么大惊喜),但是在如何定义这些小部件宽度方面没有立即显而易见。

冲突:

enter image description here

他们都没有跳我。有关如何控制这些内联编辑小部件的任何建议?我想,一旦完成,我很高兴......

谢谢!

1 个答案:

答案 0 :(得分:0)

添加此css ..
td[role=gridcell] input {padding: 0px !important; width : 98%}