javascript - 数据表 - 滚动条在刷新时缺少列标题

Question

我正在使用新的数据表额外插件 - Scroller。

但是，在使用来自 ajax 请求的新数据源数组刷新现有数据表网格时，我遇到了麻烦。 (下面的代码)。

我第一次在页面上运行这段代码时，它运行正常。但是，每当我在给定不同来源的情况下再次调用此代码片段时，数据表都会重新呈现，但会丢失所有列标题。有谁知道为什么列在第一次之后每次都消失？

oTable = $('#example').dataTable({
                                "aoColumns": [
                                    { "sTitle": "ID" },
                                    { "sTitle": "Test" },
                                    { "sTitle": "Type" },
                                    { "sTitle": "Date" },
                                    { "sTitle": "Revision" }
                                ],
                                "aaData": source,
                                "bDestroy":true,
                                "sScrollY": "380px",
                                "sDom": 'frtiS',
                                "bDeferRender": true,
                                "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                                    $(nRow).attr('id', "row-" + aData[0]);
                                    return nRow;
                                }
                            });

Answer 1

我也遇到过同样的问题，这是 Allan 的回答，它在我的案例中非常有效。 http://www.datatables.net/forums/discussion/14278/scroller-plugin-misplaces-datatables-column-header#Item_1