Выравнивание текста по центру не работает для заголовка таблицы - PullRequest
Новая
       27

Выравнивание текста по центру не работает для заголовка таблицы

0 голосов
/ 27 марта 2019

Я создал таблицу и пытаюсь выровнять текст заголовка таблицы по центру, используя «align = 'center'», но он не работает, даже если он работает для данных таблицы.

Другая проблема заключается в том, что при добавлении границы в ячейки таблицы с использованием вложенного цикла for возникает ошибка, возникающая при отладке с помощью chrome: 

"Cannot read property 'style' of undefined"

Тот же код работает при написании кода 10 раз без цикла for.

Вот полная функция: 

function makeBookingDetailsTable(rs) 

{  
        var arry = new Array();
        arry = rs.split(", ");
        var table = "<table id='myTable'>";
        var content="";

//ALIGN DOESN'T WORK FOR 'th'
         content += "<tr><th align='center'>" + "Booking Id" + "</th>";
         content += "<th align='center'>" + "CCA Sent" + "</th>";
         content += "<th align='center'>" + "CCA Acknowledged" + "</th>";
         content += "<th align='center'>" + "Folio Received" + "</th></tr>";



 //ALIGN WORKS FOR 'td'        
         for (var i = 0; i < arry.length; i++)
             {

   content += "<tr><td align='center'>" + arry[i] + "</td>";
content += "<td align='center'><select><option value='Yes'>Yes</option><option value='No'>No</option></select></td>";
content +="<td align='center'><select><option value='Yes'>Yes</option><option value='No'>No</option></select></td>"; 
content +="<td align='center'><select><option value='Yes'>Yes</option><option value='No'>No</option></select></td>";    
             }         
         content += "</table>";
         table += content;

        $(document.body).append(table);

        document.getElementById('myTable').style.width="80%";

        document.getElementById('myTable').style.border="2px solid black";

for ( var i=0; i<=arry.length; i++)
{
    for  (var j=0; j<5; j++)
    {
    document.getElementById("myTable").rows[i].cells[j].style.border = "2px solid black" ;

//OUTER LOOP RUNS ONLY ONCE. IF I USE 'rows[0]', 'rows[1]' ETC. IN PLACE OF 'rows[i]' IN ABOVE LINE, THINGS WORK FINE.

     }
}    
}

Пожалуйста, помогите мне с этим!

...