datatable 편집 가능한 열 너비가 비어있는 행에 대해 이상하게 작동합니다

Question

datatable editable plugin을 사용하고 있습니다. 모든 것이 좋지만 첫 번째 행의 빈 열을 편집하려고 시도하는 동안 열 너비가 이상하게 작동합니다. 다른 행에 대해서는 모든 것이 잘 작동합니다.

$(document).ready(function() { 
    $("#dbResultsTable").dataTable({ 
       "bServerSide": true, 
       "sAjaxSource": "/DataTableTest/TableEditAjaxRequest", 
       "bProcessing": true, 
       "sPaginationType": "full_numbers", 
       "bJQueryUI": false, 
       "scrollX" : true, 
       "aoColumns": [ 
           { "sName": "MyID", 
           }, 
           { 
           "sName": "Operation", 
           } 
           ] 
      ] 
     }).makeEditable({ 
       "height": "100%", 
      "width": "100%", 
       } 

     ); 

    }); 

내가 첫 번째 행의 모든 ​​열을 편집하면 모든 것이 정상으로 돌아 오기 : 여기        

 

는 코드입니다. 도와주세요.

Answer 1

마지막으로 해결 했으므로 테이블에서 fnAdjustColumnSizing()을 호출해야했습니다.

$(document).ready(function() { 
    var oTable = $("#dbResultsTable").dataTable({ 
       "bServerSide": true, 
       "sAjaxSource": "/DataTableTest/TableEditAjaxRequest", 
       "bProcessing": true, 
       "sPaginationType": "full_numbers", 
       "bJQueryUI": false, 
       "scrollX" : true, 
       "aoColumns": [ 
           { "sName": "MyID", 
           }, 
           { 
           "sName": "Operation", 
           } 
           ] 
      ] 
     }).makeEditable({ 
       "height": "100%", 
      "width": "100%", 
       } 

     ); 
if (oTable.length > 0) { 
     oTable.fnAdjustColumnSizing(); 
    } 

    });