Установите столбец равной длины

Question

Как бы выглядел css, если бы мне нужно было это сделать. У меня есть функция javascript, которая получает данные и выводит строки. Данные совпадают (например, первый элемент строки 1 имеет тот же тип, что и первый ряд 2, второй - тот же, что и второй и т. Д.) Но иногда один элемент верхней строки будет намного длиннее соответствующих элементов, поэтому он не падает, как прямая колонка. Как это исправить?

 rowIndex=0; 
     while(rowIndex<table.length){ 
      present_row = $("#table").append("<div class='row'></div>"); 

      itemIndex= 0;     
      while(itemIndex<table[rowIndex].length){ 
       present_row.append("<div class='tableItem'>"+ table[rowIndex][itemIndex] +"</div>"); 
       itemIndex+=1; 
      } 
      rowIndex+=1 
     } 
    } 

Что это дает мне это набор строк, которые не

Answer 1

Используйте реальный стол:

rowIndex=0; 
    while(rowIndex < table.length) { 
     present_row = $("#table").append("<tr></tr>"); 

     itemIndex= 0;     
     while(itemIndex < table[rowIndex].length) { 
      present_row.append("<td class='tableItem'>"+ table[rowIndex][itemIndex] +"</td>"); 
      itemIndex+=1; 
     } 
     rowIndex+=1 
    } 
} 

Answer 2

Вы можете использовать следующую информацию, чтобы высота строк равна

$ (document) .ready (function() { var nHeight = 0; $ ('. TableItem'). Each (function() { var defHeight = $ (this) .height(); nHeight = defHeight < nHeight? nHeight: defHeight; }); $ ('. TableItem'). Height (nHeight); }); });