JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dat" align="left" style="border: 1px solid #000"> 

        <table width="400" class="MyTab">

            <thead>

                                              ……

                                          </thead>

            <tbody>
            
                                          <tr>

                        <td>Таблица 1. Ячейка 1</td>

                        <td>Таблица 1. Ячейка 2</td><td>Таблица 1. Ячейка 3</td>

                        <td>1Таблица 1. Ячейка 4</td>

                              </tr>

                                  <tr>

                        <td>Таблица 1. Ячейка 5</td>

                        <td>Таблица 1. Ячейка 6</td>

                        <td>Таблица 1. Ячейка 7</td>

                        <td >Таблица 1. Ячейка 8</td>

                    </tr>

                </tbody>

        </table>

    </div>
<div class="dat" align="right" style="border: 1px solid #000"> 

        <table width="400" class="MyTab">

            <thead>

                                              ……

                                          </thead>

            <tbody>
            
                                          <tr>

                        <td>Таблица 2. Ячейка 11</td>

                        <td>Таблица 2. Ячейка 2 </td><td>Таблица 2. Ячейка 3</td>

                        <td>1Таблица 2. Ячейка 4</td>

                              </tr>

                                  <tr>

                        <td>Таблица 2. Ячейка 5</td>

                        <td>Таблица 2. Ячейка 6</td>

                        <td>Таблица 2. Ячейка 7</td>

                        <td >Таблица 2. Ячейка 8</td>

                    </tr>

                </tbody>

        </table>

    </div>

JavaScript

var tch = document.querySelectorAll(".MyTab table");
  //   for (var i = 0; i < tch.length; i++) {
    	 //var tr = tch[i];
         console.log('С циклом не работает');
 
//	 };