jquery datatable保留行重新加载后

Question

我重新加载我的数据表10秒的间隔。当用户点击一行时，该行将突出显示。但是当数据表重新加载时，突出显示消失了。

这里是我确定年代缩短代码：

$(document).ready(function() 
{ 
    // set datatable 
    $('#example1').DataTable({   
    "ajax": { 
     "url": "api/process.php", 
     "type": "POST", 
     "dataSrc": '' 
    }, 
    "columns": [ 
     { "data": "" }, 
     { "data": "column1" }, 
     { "data": "column2" }, 
     { "data": "column3" } 
    ], 
    "iDisplayLength": 25, 
    "order": [[ 6, "desc" ]], 
    "scrollY": 600, 
    "scrollX": true, 
    "bDestroy": true, 
    "stateSave": true 
    }); 

    // reload datatable every 30 seconds 
    setInterval(function() 
    { 
    var table = $('#example1').DataTable(); 
    table.ajax.reload(); 
    }, 30000); 

    // highlight row 
    $('#example1 tbody').on('click', 'tr', function() 
    { 
    $('#example1 tbody > tr').removeClass('selected'); 
    $(this).addClass('selected'); 
    }); 
}); 

以上所有作品它究竟应该如何工作的。在数据表重新加载后，我只需要保留行高亮。

请帮助，并提前谢谢。

也...

我试图从这个职位的答案：jquery datatable highlight drops off after reload

但我报废了它作为行不再亮点。

Answer 1

你应该检查他们的实际选择文件来操纵这个。该功能已经内置，并在ajax.reload（）上进行设置，它将保留您的选择。

你也可以用他们的方法应用类/样式。

https://datatables.net/reference/option/#select

Answer 2

请用以下更改更新js文件。下面的代码将保存在全局参数中点击的行，然后在ajax调用之后聚焦单击的行。

var gblIndex = 0; //this will save row clicked index 

function setFocus(){ 
$($('#example1 tbody > tr')[gblIndex]).addClass('selected'); 

} 


$(document).ready(function() 
{ 
    // set datatable 
    $('#example1').DataTable({   
    "ajax": { 
     "url": "api/process.php", 
     "type": "POST", 
     "dataSrc": '' 
    }, 
    "columns": [ 
     { "data": "" }, 
     { "data": "column1" }, 
     { "data": "column2" }, 
     { "data": "column3" } 
    ], 
    "iDisplayLength": 25, 
    "order": [[ 6, "desc" ]], 
    "scrollY": 600, 
    "scrollX": true, 
    "bDestroy": true, 
    "stateSave": true 
    }); 

    // reload datatable every 30 seconds 
    setInterval(function() 
    { 
    var table = $('#example1').DataTable(); 
    table.ajax.reload(); 
    setFocus(); // this will set focus/highlight row 
    }, 30000); 

    // highlight row 
    $('#example1 tbody').on('click', 'tr', function() 
    { 
    $('#example1 tbody > tr').removeClass('selected'); 
    $(this).addClass('selected'); 
    gblIndex = $(this).index(); // this will save the index clicked 
    }); 
});