jquery datatable突出顯示單行

我想突出顯示我的jquery數據表中的單個行。jquery datatable突出顯示單行

我試圖使用這裏的信息：https://datatables.net/examples/api/select_single_row.html

利用這一點，我可以使用Chrome的檢查，我可以驗證類被添加到錶行。

但該行未被突出顯示。

這裏是jQuery的：

// not sure if this was necessary to show 
$('#example1').DataTable({ 
    "iDisplayLength": 25, 
    "order": [[ 6, "desc" ]], 
    "scrollY": 550, 
    "scrollX": true, 
    "bDestroy": true, 
    "stateSave": true 
}); 

var table = $('#example1').DataTable(); 
$('#example1 tbody').on('click', 'tr', function() 
{ 
    if($(this).hasClass('selected')){ 
    $(this).removeClass('selected'); 
    } 
    else{ 
    table.$('tr.selected').removeClass('selected'); 
    $(this).addClass('selected'); 
    } 
});

有了這個，如上所述，我可以看到被添加到該行的類，我只是沒有看到該行的顏色變化。

我在HTML頁面上添加了一些css，看看它是否會工作。如下：

<style> 
    .selected tr {background-color: blue;} 
</style>

無濟於事。

有沒有人看到我的錯誤？請幫忙。

預先感謝您。

來源

2016-07-07 John Beasley

我無法測試這個，但是錯誤似乎出現在您用於background-color的CSS選擇器中。

它應該是（與該類selectedtr一個元素），而不是.selected tr（與類.selected的元素的tr元件）tr.selected。

來源

2016-07-07 16:25:11 LarsW

感謝。我更新了CSS，但仍然沒有運氣。 –

等待 - 它確實有效。我不得不從表格中刪除類表格懸停和表格條紋。但是我突出了這一行。 –

確保你正在加載jquery.dataTables.min.css。

來源

2016-07-07 16:26:42 Otto

看來我不是。讓我補充一點，看看會發生什麼。 –

我已經加載了datatables.min.css。不知道這是否有所作爲。 –

也許你可以使用jQuery的click功能和一點點JS邏輯軌道

https://jsfiddle.net/moongod101/mbLnrcg6/

來源

2016-07-07 16:32:29

jquery datatable突出顯示單行

回答

相關問題