datatable - 数据表可编辑列宽对于空列表现奇怪

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

    });