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