在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中自動調整列寬度

回答

相關問題