JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<table>
    <tr>
        <th>Name</th>
        <th>Family</th>
        <th>Age</th>
    </tr>
    <tr>
        <td>Lionel</td>
        <td>Messi</td>
        <td>35</td>
    </tr>
    <tr>
        <td>Wayne</td>
        <td>Rooney</td>
        <td>35</td>
    </tr>
    <tr>
        <td>Xabi</td>
        <td>Alonso</td>
        <td>36</td>
    </tr>
    <tr>
        <td>Alvaro</td>
        <td>Recoba</td>
        <td>41</td>
    </tr>
    <tr>
        <td>Semih</td>
        <td>Senturk</td>
        <td>28</td>
    </tr>
</table>

CSS

table{
    border:solid 1px #111;
    border-collapse:collapse;
}
td,th{
    border:solid 1px #333;
    padding:3px;
}
th{
    background:#aaa;
}
tr:nth-child(odd){
    background:#e7e7e7;
}
td:last-child{
    text-align:center;
}