数据表可编辑列宽对于空列表现异常

Question

我正在使用可数据表的可编辑插件。一切都很好但是当我尝试编辑第一行的任何空列时，列宽表现得很奇怪。对于其他行，每件事都可以。

以下是代码段：

$(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();
    }

    });