在JQgrid中自动调整列宽度

我在我的项目中使用Jqgrid。在一列中，我们显示的是电子邮件地址。如果我们给出一些长的电子邮件地址，那么该列会自动重新调整长度，并将整个网格布局搞乱。由于电子邮件没有任何空间，所以它也不会扭曲。我想忽略额外的内容，并显示在给定宽度内可容纳多少内容。我已经尝试给定固定宽度。请让我知道是否有人为此提供解决方案。在JQgrid中自动调整列宽度

代码：

jQuery('#userDetail').jqGrid({ 
    url: endpoint, 
    datatype: 'json', 
    height: 50, 
    colNames:['Names','Email', 'Phone Number', 'Fax Number', 'Country'], 
    colModel:[ 
     { 
      name:'names', 
      index:'names', 
      sortable: false, 
      width:200, 
      resizable: false 

     },  { 
      name:'email', 
      index:'email', 
      sortable: false, 
      width:200, 
      resizable: false 

     },  { 
      name:'phone', 
      index:'phone', 
      sortable: false, 
      resizable: false, 
      width:200 

     },  { 
      name:'fax', 
      index:'fax' , 
      sortable: false, 
      resizable: false, 
      width:200 
     },  { 
      name:'country', 
      index:'country', 
      sortable: false, 
      resizable: false, 
      width:200, 
     } 
    ], 
    multiselect: false, 
    autowidth: true, 
    caption: 'User Details', 
    loadComplete: function(response) { 
     if(!util.errorHandler(response)){ 
     } 
    }, 
    jsonReader : { 
      root: "rows", 
      page: "page", 
      total: "total", 
     records: "records", 
      id: "_id", 
     repeatitems: false 
    }, 
    });

感谢桑迪

来源

2013-02-07 Sandy

张贴您的代码，然后只有一个可以帮助 – Kris

我不知道，我明白纠正你的要求。你主要写的是没有空格的长文本翘曲问题，比如电子邮件。这个问题可以通过使用字符包装来解决。有关更多详细信息，请参见the answer。 Another answer有关于在不同的Web浏览器中实现字符级别换行的附加信息。如果文本中包含空格，大多数Web浏览器都会进行字级环绕，并且只有在文本中不存在空格时才进行字符环绕。这不是你需要的吗？

来源

2013-02-07 11:03:32 Oleg

谢谢奥列格。我只是在寻找这个。让我尝试。 – Sandy

嗨，奥列格，我试过上面的代码，但它不适合我。你有什么想法可能是什么概念。对我来说，它仍然是一样的，字符包装不起作用。 – Sandy

@Sandy：不客气！很难找到你的代码不工作的原因。这可能与您使用的其他CSS设置有一些冲突。 [演示]（http://www.ok-soft-gmbh.com/jqGrid/WordBreakWrapping_.htm）使用jqGrid，jQuery和jQuery UI的最新版本，并且可以看到它仍然像旧演示那样工作，我张贴在参考答案。如果您将链接发布到您的演示中，我可以尝试帮助您找到为什么字符包装不能在您的项目中工作。 – Oleg

在JQgrid中自动调整列宽度

回答

相关问题