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

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

kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0

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

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 60,986Questions: 1Answers: 9,944 Site admin
    Answer ✓

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

    Live example: http://live.datatables.net/jalesove/1/edit

    Allan

  • kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0

    Happy to get the answer.

    Cheers.

Sign In or Register to comment.