將兩個表之一的，另一個

Question

我有這將創建一個表，動態

function createDynamicTable(tbody, rows, cols) 
{ 
    if (tbody == null || tbody.length < 1) return; 
    for (var r = 1; r <= rows; r++) 
    { 
      var trow = $("<tr>"); 
      for (var c = 1; c <= cols; c++) 
      { 
       var cellText="hello World "; 
       //var cellText=$.newWindow(); 
       $("<td>").addClass("tableCell") 
         .text(cellText) 
         .data("col", c) 
         .appendTo(trow); 
      } 
      trow.appendTo(tbody); 
     } 
} 

和我打電話

$("#tbl").height("65%"); 
$("#tbl2").height("30%") 
createDynamicTable($("#tbl"),2, 3); 
createDynamicTable($("#tbl2"),1, 1); 

HTML的功能僅僅是

<table id="tbl" border="1" align="center" height="95%" width="100%" > 
    <table id="tbl2" border="1" align="center" height="95%" width="100%" > 

兩個表正在創造，但他們並肩而行。但我在另一個table1下一個頂部和table2是below.Any新行邏輯。

Answer 1

<table id="tbl" border="1" align="center" height="95%" width="100%" ><br/> 
<table id="tbl2" border="1" align="center" height="95%" width="100%" > 

和功能

function createDynamicTable(tbody, rows, cols) 
{ 
    if (tbody == null || tbody.length < 1) return; 
    for (var r = 1; r <= rows; r++) 
    { 
      var trow = $("<tr/>"); 
      for (var c = 1; c <= cols; c++) 
      { 
       var cellText="hello World "; 
       //var cellText=$.newWindow(); 
       $("<td/>").addClass("tableCell") 
         .text(cellText) 
         .data("col", c) 
         .appendTo(trow); 
      } 
      trow.appendTo(tbody); 
     } 
} 

這裏是小提琴http://jsfiddle.net/sLrRw/

Answer 2

表不應自動在彼此的頂部，如果你確保這些樣式規則一個應用於<table>元素：

display: block; 

或...

display: table;