JQGrid表单编辑标签/列宽

时间:2011-11-03 21:50:07

标签: jquery jqgrid

我有一个jqgrid并在此网格上使用表单编辑。我遇到的问题是我标记为可编辑的列不是正确的宽度。我无法在colModel或表单选项中找到API中的相应选项。例如,我有一个文本字段,应该是~35个字符宽,但它只显示为〜15。如果需要代码示例,请告诉我。

2 个答案:

答案 0 :(得分:5)

可能有几种方法可以解决这个问题。您将尝试以下方式:

  1. 在colModel中,您可以使用 editoptions: {size:50}
  2. 如果它不起作用,那么您可以使用以下内容:

    editoptions:{     dataInit:function(elem){         $(ELEM).WIDTH(50); //设置所需的宽度     } }

  3. 或者您可以编写以下css,它可以帮助您一次更改所有元素

    table.EditTable > tbody > tr.FormData > td.DataTD > input[type="text"] {
        width: 115px !important;
    }
    
    table.EditTable > tbody > tr.FormData > td.DataTD > select, 
    table.EditTable > tbody > tr.FormData > td.DataTD > input, 
    table.EditTable > tbody > tr.FormData > td.DataTD > textarea {
        width: 115px !important;
    }
    

答案 1 :(得分:3)

尝试使用sizeeditoptions属性。例如editoptions:{size:35}。可能您必须在widthprmEdit参数中使用editGridRownavGrid属性。