hello
the following css is not working. I created a simple project , below code is working but in aspnetzero .core project it is not working. something is overwritten them. what are the correct ways to do it?
(1)
below code: it changes the color of clicked row
var table1 = $('#TestDataTableId').DataTable();
$('#TestDataTableId tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
table1.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
}
});
(2)
below code: it changes the color of hovered rows
<style>
<br>
table.dataTable.display tbody tr:hover {
background: yellow;
}
</style>
4 Answer(s)
-
0
Hi,
Yes, you are right. You have to override it;
table.dataTable.display tbody tr:hover { background: yellow !important; } -
0
Hello ismcagdas ,
perfect!
(2) ok!how abount (1)?
-
0
Sorry, for #1, DataTables already has this fature, https://datatables.net/extensions/select/examples/initialisation/simple.html. You don't have to handle it manually.
-
0
This issue is closed because it has not had recent activity for a long time.
