Javascript Jquery中的多行和多列
我有一个jquery代码,它在一行和多列中显示结果,如下所示Javascript Jquery中的多行和多列,javascript,jquery,ajax,jquery-ui,Javascript,Jquery,Ajax,Jquery Ui,我有一个jquery代码,它在一行和多列中显示结果,如下所示 function () { var i = noDays; var days = 30; while (i < days) { $('tr').append('<td> ' + i + ' </td>'); i++; }, } 函数(){ var i=天数; 风险值天数=30天; 而(我
function () {
var i = noDays;
var days = 30;
while (i < days) {
$('tr').append('<td> ' + i + ' </td>');
i++;
},
}
函数(){
var i=天数;
风险值天数=30天;
而(我<天){
$('tr')。追加(''+i+'');
i++;
},
}
当我有10个以上的结果(10列)时,行会延伸到页面之外
例如,如何将该行划分为多行
如果我在一行中有30列
我希望改为6列5行不确定数据的确切追加位置,但看看这里的代码:-使用“I”上的模运算符可以告诉您何时移动到新行;此外,您不应该使用
$(“tr”)
,而应该使用特定的选择器,不一定是我使用的变量,而是比一般的“every tr”选择器更具体的选择器。最好创建一个元素并使用对它的引用,而不是让jquery在每次传递中触发选择器
以下是一个有效的解决方案及其:
var$table=$(“#myTable”);
var i=1;
风险值天数=30天;
var$tr=$(“”);
while(我为什么在while()之后有,
)
?您确定表
是此数据的最佳表示形式吗?您的脚本应根据什么标准移动到第二行?您要显示的是什么?@DavidThomas我将显示天数,如第1天、第2天等,当然还有我没有添加的其他数据。移动到下一行的标准应为列,例如一行最多应该有6列,正如@DavidThomas所说的,将同一行中的列放在另一行的顶部通常是没有意义的。与其让行变宽时循环回到开始,我认为您应该将表放在一个可滚动的容器中,如下所示:
var $table = $("#myTable");
var i = 1;
var days = 30;
var $tr = $("<tr>");
while (i <= days) {
$tr.append('<td>' + i++ + '</td>');
if (i %6 == 1) {
$table.append($tr);
$tr = $("<tr>");
}
};
$("#myTable").append($tr);