How to do these with the basic table with '#example'?

kkvbsuresh · January 2023

1) tr {
border-bottom: 1px solid #ddd;
}

apply the same to the css but no border appears. any solution ?

2) apply background-color to the entire row at

a) table top with no. of entries and search box section

b) table footer / bottom with total no. of entries and pagination section

allan · January 2023

1) Your selector needs to be more specific, otherwise the DataTables default will "win":

table.dataTable tr td {
  border-bottom: 1px solid red;
}

2) Probably easier to just colour the down container for the table and then the table on top of that:

div.dataTables_wrapper {
  background-color: grey;
}

table.dataTable {
  background-color: white;
}

Allan

kkvbsuresh · January 2023

Happy to get the answer.

Cheers.

Answers