JSFiddle - React, Tailwind, and code Playground

by AJIEKCEU

HTML

<table class="table">
		<thead>
			<tr>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><b>Заголовок 2</b></td>
				<td><b>Заголовок 2</b></td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
			</tr>
      <tr>
				<td><b>Заголовок 2</b></td>
				<td><b>Заголовок 2</b></td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
			</tr>
      <tr>
				<td><b>Заголовок 2</b></td>
				<td><b>Заголовок 2</b></td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
			</tr>
		</tbody>
	</table>

<table class="table">
		<thead>
			<tr>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
				<th>Заголовок</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><b>Заголовок 2</b></td>
				<td><b>Заголовок 2</b></td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
			</tr>
      <tr>
				<td><b>Заголовок 2</b></td>
				<td><b>Заголовок 2</b></td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст ячейки</td>
				<td>Текст...

CSS

.table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d9dde3;
    margin-bottom: 20px;
}
th{
    background: #e4e6eb;
    border: 1px solid #d9dde3;
    padding: 8px 15px;
    text-align: center;
    font-size: 13px;
}
.table tr:nth-child(odd) td {
  background: #f6f7f8;
}
td{
    background: #fff;
    border: 1px solid #d9dde3;
    padding: 15px;
    font-size: 14px;
}