在jqgrid中,无论如何都有自动计算的editGridRow()弹出宽度

时间:2011-03-21 13:01:38

标签: jquery jqgrid jqmodal

要编辑 jqgrid 中的行,我使用 editGridRow 。我看到你可以传递这样的宽度:

ondblClickRow: function (rowid) {
        jQuery('#grid').editGridRow(rowid, true, { width: 600 });

    }

但是无论如何让jqgrid通过使用“auto”或类似的东西自动计算宽度(基于最大字段长度的宽度)?

1 个答案:

答案 0 :(得分:3)

{width: "auto"}的设置在所有现代网络浏览器中都有效,当然除了Internet Explorer。

以下CSS至少在IE8 / IE9中解决了这个问题:

<style type="text/css">
    div.ui-jqdialog-content table.EditTable { width:auto; float:left; }
    form.FormGrid { float:left; width:auto; }
    div.ui-jqdialog-content > span > table.EditTable {
        width:auto; clear: left; float:right
    }
</style>

您将找到相应的演示here

IE的“复古”版本的解决方案可能更复杂,应该基于编辑表单的不同组件的宽度的直接设置。基于这种方式的粗略解决方案是here