JQGrid表单编辑标签/列宽

Jos*_*eph 0 jquery jqgrid

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

Ari*_*lam 5

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

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

    editoptions:{dataInit:function(elem){$(elem).width(50); //设置你需要的宽度}}

或者您可以编写以下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;
}
Run Code Online (Sandbox Code Playgroud)