JSFiddle - React, Tailwind, and code Playground

HTML

<table>
   <thead>
      <tr>
         <th colspan="2">Заголовок</th>
      </tr>
   </thead>
   <tbody>
      <tr> 
          <td>1</td>
          <td>2</td>
          <td>3</td>
          <td>4</td>
      </tr>
      <tr>
          <td>5</td>
          <td>6</td>
          <td>7</td>
          <td>8</td>
      </tr>
      <tr>
          <td>9</td>
          <td>10</td>
          <td>11</td>
          <td>12</td>
      </tr>
      <tr>
          <td>13</td>
          <td>14</td>
          <td>15</td>
          <td>16</td>
      </tr>
   </tbody>
</table>

CSS

body {
    direction: rtl;    
}
table {
    empty-cells: show;
    border-collapse: collapse;
    width: 75%;
}
thead th, tbody {
    border: 2px solid #000;
}
th {
    text-align: right;   
}
td {
    border: 1px solid #000;
}