Answers

• colin Posts: 15,240Questions: 1Answers: 2,599

  March 2020

  I'm not sure which border you're referring to. Please could you mark it on a screen shot and post back.

  Colin
• CountLessQ Posts: 33Questions: 9Answers: 0

  March 2020

  @colin
• colin Posts: 15,240Questions: 1Answers: 2,599

  March 2020

  That looks non-standard - these are the deafult options here. We're happy to take a look, but please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

  Cheers,

  Colin
• CountLessQ Posts: 33Questions: 9Answers: 0

  March 2020

  Hi, thank you. Here is a link: http://live.datatables.net/tuxowiku/5/edit
  if i remove the input box the line disappear and desired borders show. Thanks again
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  March 2020 Answer ✓

  We have the following in our CSS (modified slightly for brevity here):

  table.dataTable thead th {
      border-bottom: 1px solid #111;
  }
  
  table.dataTable tfoot th {
      border-top: 1px solid  #111;
  }
  

  Since you are using:

          tfoot {
              display: table-header-group;
          }
  

  the bottom order on the header, and the bottom border on the footer are bumping up against each other - thus giving a 2px thick line.

  Perhaps you need something like:

  table.dataTable thead th {
      border-bottom: none;
  }
  
  table.dataTable tfoot th {
      border-top: none;
      border-bottom: 1px solid  #111;
  }
  

  Allan