JQgrid의 열 크기를 자동으로 조정합니다.

Question

프로젝트에서 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 
    }, 
    }); 

감사 샌디

Answer 1

나는 당신의 요구 사항을 정정 이해 모르겠습니다. 이메일과 같은 공백이없는 긴 텍스트의 뒤틀림 문제에 대해 대부분 썼습니다. 문제는 문자 배치의 사용으로 해결할 수 있습니다. 자세한 내용은 the answer을 참조하십시오. Another answer에는 다른 웹 브라우저에서 문자 수준 배치 구현에 대한 추가 정보가 있습니다. 대부분의 웹 브라우저는 텍스트에 공백이 포함될 경우 단어 수준 배치를 수행하고 텍스트에 공백이없는 경우에만 문자 배치를 수행합니다. 당신이 필요로하는 것이 아닌가?