Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示内联编辑字段时,jQuery DataTable列会自动调整大小_Javascript_Jquery_Jquery Datatables - Fatal编程技术网

Javascript 显示内联编辑字段时,jQuery DataTable列会自动调整大小

Javascript 显示内联编辑字段时,jQuery DataTable列会自动调整大小,javascript,jquery,jquery-datatables,Javascript,Jquery,Jquery Datatables,好吧,我会尽量说清楚的。我正在使用dataTables 1.9.4,我正在使用一个我希望具有特定高度的表,在这个表中,我有5列,其中2列是隐藏列,而其他3列是可见的 也就是说,在3列中的一列中,我有两个div元素,一个是我希望用户能够编辑的纯文本版本。其中,当他们单击该名称/标题进行编辑时,该div将隐藏,同一列中的另一个将显示。显示的那一个有一个输入元素和一个表示取消的链接。如果单击“取消”,则会发生相反的情况:现在隐藏的显示和可见的隐藏 一切都按预期进行,因此没有任何实际问题。问题在于,它似

好吧,我会尽量说清楚的。我正在使用dataTables 1.9.4,我正在使用一个我希望具有特定高度的表,在这个表中,我有5列,其中2列是隐藏列,而其他3列是可见的

也就是说,在3列中的一列中,我有两个div元素,一个是我希望用户能够编辑的纯文本版本。其中,当他们单击该名称/标题进行编辑时,该div将隐藏,同一列中的另一个将显示。显示的那一个有一个输入元素和一个表示取消的链接。如果单击“取消”,则会发生相反的情况:现在隐藏的显示和可见的隐藏

一切都按预期进行,因此没有任何实际问题。问题在于,它似乎与datatables api中设置的一个或多个以下项有关

sScrollY
bAutoWidth
,以及其他一些。如果列中的总体数据大于最初隐藏的数据,则在隐藏/显示任何给定行中的div时,使列调整大小。无论哪种方式,我都发现,如果我让桌子的大小与它想要的高度一致,那么设置
sScrollY
就是罪魁祸首。这样,表就不会在每次“重新绘制”时自动更正每列的宽度

或者我可以删除输入字段,尽管这违反了需要/需要的规范

所以我的总体问题是,在尝试设置/取消设置后,使用并调整我用于此表的api的每个设置。是的,有什么。。在提供内联元素的同时,如何保持为整个表设置的高度

   var oTable = $('#the_table').dataTable({
        //"sPaginationType": "full_numbers",
        "bPaginate": false,
        "bFilter": false,
        "bAutoWidth": false,
        //"sScrollY": "200px",
        "bScrollCollapse": true,
        "aaSorting": [[1,'desc'],[0,'desc']],
        "oLanguage": {
            //"sInfo": 'Tasks: _END_',
            //"sInfoEmpty": 'No Job/Task(s).',
            "sInfo": '',
            "sInfoEmpty": '',
            "sEmptyTable": ' ',
        },
        "aoColumns": [
              { "bSortable": true, "bVisible": false, "iDataSort": 0, "aTargets": [ 2 ]},
              { "bSortable": true, "bVisible": false},
              { "bSortable": false, "sWidth":"67%", "sClass":"hide_overflow"},
              { "bSortable": false, "sWidth":"30%"},
              { "bSortable": false, "sWidth":"3%", "sClass":"rgt"}
           ]
    });
    return oTable;