Remove white spacing around table header

Question

How can I remove the white spacing between each column of my table header with css? I'd like the entire header to be one continuous background color.

HTML snippet:

<table class="asset-list">

  <thead>

    <tr>

      <th>Hostname</th>
      <th>IP Address</th>
      <th>Manufacturer</th>
      <th>Model</th>
      <th>Category</th>

    </tr>

  </thead>

Here's a link to the project site I'm working on:

http://104.236.173.175/assets/

Add `border-collapse: collapse` to the `table` element.. also consider using a [CSS reset](http://cssreset.com/). — Josh Crozier, Feb 05 '16 at 20:23

PhpDude · Accepted Answer · 2016-02-05T20:29:10.170

1

A couple of methods to consider:

border-collapse: collapse

table {
    width:100%;
    margin:0;
    border:none;
}

edited Feb 05 '16 at 20:29

answered Feb 05 '16 at 20:24

PhpDude

1,542
2
18
33

1

There is no such thing as `cell-padding` and `cell-spacing` in css properties – dippas Feb 05 '16 at 20:28

Remove white spacing around table header

1 Answers1