[英]Jquery: two tables side by side
我無法並排創建兩個表(模擬交易表或無交易表)。 我知道我可以創建一個包含兩列的表,但是我希望將來有一個高表和一個低表以便於管理。 這是我的代碼:
amounts = [0.01, 1, 5, 10, 25, 50, 75, 100, 250, 500, 750, 1000, 2500, 5000, 7500, 10000, 25000, 50000, 75000, 100000, 250000, 500000, 750000, 1000000]
var tableString = "<table border=1>";
for (i = 0; i < 24; i ++){
tableString += "<tr><td>";
tableString += amounts[i];
tableString += "</td></tr>";
if (i == 11){
var Table = $(document.createElement('span')).attr("id", "low");
Table.html(tableString + '</table>');
Table.appendTo(".amounts");
tableString = "<table border=1>";
}
if (i == 23){
var Table = $(document.createElement('span')).attr("id", "high");
Table.html(tableString + '</table>');
Table.appendTo(".amounts");
}
}
和我的HTML:
<div class='amounts'>
</div>
但是我沒有並排放置兩個表(即使我創建了span元素)。 看起來就像我使用div元素一樣。 有人能幫我嗎?
這可能是另一種方式:
var amounts = [0.01, 1, 5, 10, 25, 50, 75, 100, 250, 500, 750, 1000, 2500, 5000, 7500, 10000, 25000, 50000, 75000, 100000, 250000, 500000, 750000, 1000000] ;
function createTable(el, split){
var tableString = "<table border=1>";
for (var i = 0; i < el.length/2; i++){
if(i%split == 0){ tableString += "<tr>"; }
tableString += '<td>'+el[i]+'</td><td>'+el[i+el.length/2]+'</td>';
if(i%split == 0){ tableString += "</tr>"; }
}
tableString += '</table>';
var table = $(tableString);
table.appendTo(".amounts");
}
createTable(amounts, 2);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.