JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0">
      <tr>
         <th>State</th>
         <th>Date of Poll</th>
         <th>% Voting Dem.</th>
         <th>% Voting GOP</th>
      </tr>
      <tr>
         <td>AR</td>
         <td>10/27</td>
         <td>44</td>
         <td>54</td>
      </tr>
      <tr>
         <td>AZ</td>
         <td>10/23</td>
         <td>41</td>
         <td>49</td>
      </tr>
      <tr>
         <td>CO</td>
         <td>10/26</td>
         <td>51</td>
         <td>42</td>
      </tr>
      <tr>
         <td>FL</td>
         <td>10/26</td>
         <td>50</td>
         <td>43</td>
      </tr>
      <tr>
         <td>GA</td>
         <td>10/27</td>
         <td>47</td>
         <td>48</td>
      </tr>
   </table>

CSS

/* Table Styles */
table {
   width: 100%;
   border: 1px solid #cef;
   margin: 1em 25px;
   text-align: left; }
th {
   font-weight: bold;
   background-color: #acf;
   border-bottom: 1px solid #cef; }
td,th {
   padding: 4px 5px; }
tbody tr:nth-child(odd) {
   background-color: #ccc;
}