Mobile 数据表不在视图中时在移动设备或平板电脑上重新呈现

Mobile 数据表不在视图中时在移动设备或平板电脑上重新呈现,mobile,datatables,tablet,Mobile,Datatables,Tablet,我们有一个奇怪的问题,它只能在移动设备或平板设备上重现(它不会发生在笔记本电脑上)。 我们使用的datatable是一个类似excel的内联编辑datatable(因此所有字段和所有行都可以编辑) 在平板电脑或移动设备上,如果我滚动以使数据表未完全显示(因此部分数据表未显示),则当我返回使用数据表时(因此在单元格中单击以选择下拉列表或键入一些文本),数据表将重新呈现。 如果我向上滚动到页面顶部,则会发生同样的情况,因此数据表完全不在视图中,并且滚动一点,也会突然重新呈现数据表 就像我说过的那样,

我们有一个奇怪的问题,它只能在移动设备或平板设备上重现(它不会发生在笔记本电脑上)。 我们使用的datatable是一个类似excel的内联编辑datatable(因此所有字段和所有行都可以编辑)

在平板电脑或移动设备上,如果我滚动以使数据表未完全显示(因此部分数据表未显示),则当我返回使用数据表时(因此在单元格中单击以选择下拉列表或键入一些文本),数据表将重新呈现。 如果我向上滚动到页面顶部,则会发生同样的情况,因此数据表完全不在视图中,并且滚动一点,也会突然重新呈现数据表

就像我说过的那样,这种情况从来不会发生在笔记本电脑上,所以我不确定问题出在哪里。 在手机和平板电脑上,我测试了android和firefox的chrome浏览器。 如有任何想法,将不胜感激

下面是其中一个数据表的示例和屏幕截图

self.table = $(self.parentContainerSelector + ' table').DataTable({
scrollY: 300,
"scrollX": true,
paging: false,
order: [[$(self.parentContainerSelector + ' th.posno-column').index(), 'asc']],
data: self.DataForInitTable,
createdRow: function (row, data, index) {
self.checkRowForAnotherRules(row, data);
},
columnDefs: [
{

编辑文本单元格时,数据表也会重新渲染(因为使用平板电脑或手机时会弹出键盘)。我们还发现,它会为每一行的每一列调用渲染,但不会实际调用表格的绘图。因此,在不需要渲染时调用渲染只是一个问题。