JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tbody>
		<tr>
			<th>Code</th>
        	<th>Rank</th>
    		<th>Code</th>
        	<th>Icon</th>
    		<th>Message Text</th>
    		<th>Progress</th>
    		<th>Current</th>
    		<th>X</th>
    		<th>Y</th>
    		<th>Z</th>
    		<th>W</th>
    		<th>Result</th>
  		</tr>
  		<tr class="data-row" id="19">
			<td class="center">DDD</td> <!-- 4 alpha numeric -->
			<td class="center">111</td>	<!-- 3 digits -->
			<td class="center">222</td>	<!-- 3 digits -->
			<td class="center">
				<img width="20" height="20" src="http://cdn1.iconfinder.com/data/icons/CrystalClear/128x128/apps/ark2.png"> <!-- icon -->
			</td>
			<td>Lorem ipsum</td> <!-- text may be long -->
			<td class="center">333</td><!-- 3 alpha numeric -->
			<td class="center">444</td><!-- 3 alpha numeric -->
			<td class="center">555</td><!-- 3 alpha numeric -->
			<td class="center">666</td><!-- 3 alpha numeric -->
			<td class="center">777</td><!-- 3 alpha numeric -->
			<td class="center">888</td><!-- 3 alpha numeric -->
			<td class="center">999</td><!-- 3 alpha numeric -->
		</tr>
              		<tr class="data-row" id="19">
			<td class="center">DDD</td> <!-- 4 alpha numeric -->
			<td class="center">111</td>	<!-- 3 digits -->
			<td class="center">222</td>	<!-- 3 digits -->
			<td class="center">
				<img width="20" height="20" src="http://cdn1.iconfinder.com/data/icons/CrystalClear/128x128/apps/ark2.png"> <!-- icon -->
		</td>
			<td>Lorem ipsum</td> <!-- text may be long -->
			<td class="center">333</td><!-- 3 alpha numeric -->
			<td class="center">444</td><!-- 3 alpha numeric -->
			<td class="center">555</td><!-- 3 alpha numeric -->
			<td class="center">666</td><!-- 3 alpha numeric -->
			<td class="center">777</td><!-- 3 alpha numeric -->
			<td class="center">888</td><!-- 3 alpha numeric -->
			<td class="center">999</td><!-- 3 alpha numeric -->
		</tr>
                          		<tr class="data-row" id="19">
			<td class="center">DDD</td> <!-- 4 alpha numeric -->
			<td...

CSS

table {
    width: 100%;
    border-collapse: collapse;
}
.center{
    text-align: center;
}
tr th:nth-child(odd), tr td:nth-child(odd) { background-color: orange;}
tr th:nth-child(even), tr td:nth-child(even) { background-color: lightblue;}