Question

好吧我试着尽可能地表达清楚。我正在使用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;

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

0 个答案: