Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery中的多行和多列_Javascript_Jquery_Ajax_Jquery Ui - Fatal编程技术网

Javascript 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天; 而(我

我有一个jquery代码,它在一行和多列中显示结果,如下所示

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);