Table Example

by fparent

HTML

<table class="table table-striped output"><tbody><tr><td>Guadalupe Darin</td><td>3/16/2012 04:35</td><td>(429) 656-6371</td><td>2164 Calvin Pl, Lopezburg KS 75979</td></tr>
<tr><td>Yvonne Copeland</td><td>9/6/2007 10:17</td><td>(510) 892-3579</td><td>6781 Bishop Cir, Tuckerburg HI 95672</td></tr>
<tr><td>Deanna Smith</td><td>6/16/2019 13:05</td><td>(643) 138-3874</td><td>2891 Glover St, Rooseveltville NV 72550</td></tr>
<tr><td>Lopez Lela</td><td>8/14/2010 02:02</td><td>(532) 504-8866</td><td>4366 Darin Blvd, Guadalupeville IN 82278</td></tr>
<tr><td>Luis Lucille</td><td>2/9/2011 03:34</td><td>(980) 774-7000</td><td>6745 Copeland Blvd, Wilkinstown MD 14918</td></tr>
<tr><td>Roosevelt Tucker</td><td>5/1/2009 02:13</td><td>(535) 824-7562</td><td>6117 Lopez Dr, Lopeztown LA 11112</td></tr>
<tr><td>Glover Tucker</td><td>7/13/2004 14:01</td><td>(360) 180-4390</td><td>7918 Roosevelt Pl, Eloiseville WV 47596</td></tr>
<tr><td>Lopez Parker</td><td>6/21/2000 01:45</td><td>(664) 762-9427</td><td>4632 Wilkins Dr, Smithburg PA 78119</td></tr>
<tr><td>Lopez Bishop</td><td>10/20/2021 11:35</td><td>(464) 676-6038</td><td>2289 Lopez Pl, Simonville NJ 29853</td></tr>
<tr><td>Miles Simon</td><td>5/20/2023 02:05</td><td>(907) 560-3893</td><td>4405 Lopez St, Gloverville CA 68185</td></tr>
<tr><td>Miles Yvonne</td><td>3/10/2022 04:11</td><td>(668) 468-8335</td><td>8462 Lucille Blvd, Lucilletown HI 40157</td></tr>
<tr><td>Parker Wilkins</td><td>7/26/2016 10:25</td><td>(221) 943-4636</td><td>2015 Glover St, Copelandtown MS 92375</td></tr>
<tr><td>Yvonne Wilkins</td><td>3/26/2004 03:04</td><td>(887) 284-3653</td><td>7838 Deanna Pl, Yvonneville PA 36848</td></tr>
<tr><td>Deanna Simon</td><td>2/27/2017 10:02</td><td>(749) 540-3684</td><td>9083 Luis Pl, Deannatown SC 48406</td></tr>
<tr><td>Smith Darin</td><td>6/22/2004 14:12</td><td>(378) 424-9534</td><td>3702 Calvin Dr, Darintown WI 39997</td></tr>
<tr><td>Copeland Calvin</td><td>3/19/2022 02:03</td><td>(790) 685-3527</td><td>499 Yvonne...

CSS

* { box-sizing: border-box; }

table {
  width: 100%;
  table-layout: fixed;  
  border-collapse: collapse;
  border: 1px solid grey;
}

tr:nth-child(even) td { background-color: #dedede; }

td {
  height: 48px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  border: solid 1px #aaa;
}