Как сделать, чтобы текст не усекался при выводе?

        for (let i = 0; i < hovers.length; i++) {
            // добавляем данные в таблицу
             var row = tab.insertRow(i);
             
             // выводим tagname
             var cell = row.insertCell(1);
             cell.textContent = "tag=" + hovers[i].tagName;
             cell.classList.add("tooltipStyle");
             var info = "tooltip " + i;
                         cell.setAttribute("data-info", info);                  
        }

        // myDiv - контейнер для главного окна
        var myDiv = document.createElement('DIV');
        myDiv.style.position = 'absolute';
        myDiv.id="myDiv";
        myDiv.classList.add("myDivStyle");
        myDiv.style.top = "10px";   
        myDiv.style.left =  "10px";
        //myDiv.style.overflow = "auto";
        myDiv.style.zIndex = 9;
        // ------ внутри него создаем myDiv1 - это нескроллируемый заголовок... ------
        var myDiv1 = document.createElement('DIV');
        myDiv1.style.backgroundColor = "blue";
        myDiv1.style.textColor = "red";
        myDiv.appendChild(myDiv1);
        // ------ внутри myDiv1 создаем myDiv11 - символ перемещения------
        var myDiv11 = document.createElement('DIV');
        myDiv11.classList.add("moveBlock");
        myDiv1.appendChild(myDiv11);
        // ------ внутри myDiv1 создаем myDiv12 - просто строка------
        var myDiv12 = document.createElement('DIV');
        myDiv12.textContent = '_header_';
        myDiv12.style.backgroundColor = "blue";
        myDiv12.style.textColor = "red";
    myDiv12.style.display = "inline";
        myDiv1.appendChild(myDiv12);
 
        // внутри myDiv создаем скроллируемый контейнер для таблицы
        var myDiv2 = document.createElement('DIV');
        myDiv2.style.width = "100%";
        myDiv2.style.height = "100%";
        myDiv2.style.overflow = "auto";
        myDiv2.style.backgroundColor = "red";
        myDiv2.style.textColor = "blue";
        myDiv.appendChild(myDiv2);
        // добавляем myDiv к главному окну
        document.body.appendChild(myDiv);
 
    // внутри myDiv создаем символ resize
    var myDiv3 = document.createElement('DIV');
    myDiv3.classList.add("resizeBlock");
    myDiv.appendChild(myDiv3);
 
    // добавляем myDiv к главному окну
    document.body.appendChild(myDiv);
 
    // создаем таблицу для вывода информации
        var tab = document.createElement("TABLE");
        // заголовки
    var row = tab.insertRow(0);
    row.insertCell(0).textContent = "№";
    row.insertCell(1).textContent = "Tag";
 
        var hovers=[];
    // заполнение массива, который будет отображаться в скроллируемом окне - ТЕСТ
    for (let i = 0; i < 10; i++)
      hovers.push("Line " + i);
    for (let i = 0; i < 10; i++)
        console.dir(hovers[i]);
 
        // --- цикл формирования таблицы с элементами под мышью
        for (let i = 0; i < hovers.length; i++) {
            console.log("hover  [" + i + "]   " + hovers[i]);
            
            // добавляем новую строку в таблицу
            var row = tab.insertRow(i);
            // добавляем поля - ссылки на hovers, чтобы на них могли
            // сослаться обработчики событий мыши
            row.myHoversIndex = i;
            row.myHoversElement = hovers[i];
            // к строке привзываем обработчики заползания и выползания с нее
 
            // выводим столбец 1
            var cell = row.insertCell(0);
            cell.textContent = "[" + i + "]";
            // выводим столбец 2
            var cell = row.insertCell(1);
            cell.textContent = "t=" + hovers[i];
            cell.classList.add("tooltipStyle");
            var info = "Loooooooooooooooooooooong tooltip " + i;
      cell.setAttribute("data-info", info);
                        
        }
        console.log("---------------------------");
        
        myDiv2.appendChild(tab);