如何在移动设备上的jQuery DataTables中修复scrollX移动期间的闪烁效果?

时间:2015-09-23 17:34:06

标签: datatables

我使用下面的代码来模拟带有垂直和水平滚动条的固定标题。请参阅example on jsFiddle

$('#liveTable').dataTable({
      'bSort': false,
      'destroy': true,
      'aoColumns': [
                    { sWidth: "85px", bSearchable: false, bSortable: false },
                    { sWidth: "75px", bSearchable: false, bSortable: false },
                    { sWidth: "80px", bSearchable: false, bSortable: false },
                    { sWidth: "80px", bSearchable: false, bSortable: false },
                    { sWidth: "85px", bSearchable: false, bSortable: false },
                    { sWidth: "70px", bSearchable: false, bSortable: false },
                    { sWidth: "70px", bSearchable: false, bSortable: false },
                    { sWidth: "50px", bSearchable: false, bSortable: false }
                ],
      'scrollY': 200,
      'scrollX': true,
      'info': false,
      'paging': false
 });

以上代码在Desktop中运行正常。

但是在移动设备中,当我滚动内容标题部分的主体没有相应移动时。移动设备中的标题移动存在一些延迟(闪烁效应)。

如何修复移动设备中的标头移动问题?

0 个答案:

没有答案