jQgrid 100%宽度

问题描述:

我试过以下代码,我的jQgrid的100%宽度。jQgrid 100%宽度

height: "100%", 
autowidth: true, 

我已经改变的CSS - (从另一个线程参考)从固定布局来自动以避免不必要的水平条。单杠

.ui-jqgrid .ui-jqgrid-htable { 
    table-layout: auto; 
    margin: 0em; 
} 

.ui-jqgrid .ui-jqgrid-btable { 
    table-layout: auto; 
    margin: 0em; 
    outline-style: none; 
} 

现在的问题是解决了,但我在面临新的布局问题,这是附加的图像中突出显示。

我能做些什么来避免这个头宽度不匹配?

Click here for image.

+1

使用哪个版本的jqGrid?有没有完整的测试数据示例的机会?我认为问题在于数据阅读器和数据的配置。简单的测试是检查非常简单的网格和数据。请指定jQuery UI和哪个版本的jQuery使用哪个版本? –

+0

@TonyTomov我正在使用1.9.2 –

+0

@BR:1.9.2是jQuery或jQuery UI的版本,而不是** jqGrid **的版本,这是最重要的。 – Oleg

我试了很多,但甚至升级了我的jqGrid,但它不工作。最近我还尝试了最新版本(从GitHub - build date - 11/07/17)jqGrid,它解决了我的问题。

+0

当前答案不包含任何信息。您没有回答关于您使用的jqGrid的哪个分支**的问题。有两个主要的叉子,你可以在GitHub上找到:[免费jqGrid](https://github.com/free-jqgrid/jqGrid)和[Guriddo jqGrid JS](https://github.com/tonytomov/jqGrid )。哪一个你使用noq和你以前使用过哪一个? – Oleg

+0

@Oleg编辑我的答案.. –

+1

行。我明白了,你决定购买**商业广告牌Guriddo jqGrid JS。不要忘记购买它。请参阅[这里](http://guriddo.net/?page_id=103334)价格。 – Oleg

table-layoutauto转变是绝对错误的,它可能是你的问题的根源。的jqGrid保持列标题和在单独的表table.ui-jqgrid-htabletable.ui-jqgrid-btable的数据。设置table-layout: auto;将在具有在网格长内容的情况下,打破列的宽度。不过,我认为你还有一个问题,因为你所包含的图片没有长串。

只有当您提供演示时,您才能解决您的问题,这样会重现问题。我想你的问题没有描述你的问题的真正起源。我想,你增加了font-sizepagging,并做到了没有正确完整。我以前见过典型的错误被的主数据(.ui-jqgrid tr.jqgrow > td的内部的pagging而不使增加相同改变第一隐藏行.ui-jqgrid tr.jqgfirstrow > td或而不在列标题.ui-jqgrid .ui-jqgrid-htable th改变设置。

,我建议你检查paggingfont-size第一行的列标题(table.ui-jqgrid-htable)和电网数据(table.ui-jqgrid-btable)的。我猜你直接间接持有改变设置异步设置(不列标题和网格数据的第一行是相同的)。

+0

感谢@Oleg,我明白你的意思,我需要做的自动布局以外的东西。我已经检查了字体大小以及类型,而不是关于这个问题。而且我要添加完整的代码很快.. –

+0

@BR:欢迎您!我想你的问题不在你的** JavaScript代码**中,但你有CSS冲突。因此,最好提供**演示**(例如,在[FSFiddle](https://jsfiddle.net/)中),这会再现问题。 – Oleg

+0

我通过最新的jqGrid解决了这个问题.. –