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 
    }); 
});