我用Javascript在Tabele的tr中循环输出td,问题是当td过多超出浏览器窗口时,怎么自动增加tr最好不用css

我用Javascript在Tabele的tr中循环输出td,问题是当td过多超出浏览器窗口时,怎么自动增加tr最好不用css,第1张

哪有这么好的事儿……你如果需要一定的自适应,用div,不要用td。

<div class="item">

<div class="label">A</div>

<div class="value">a</div>

</div>

.item{ float:leftwidth:100px}

这样,当横着输出div满了以后,会自动换行的。通过CSS可以设置出来样式与table的效果一样,并且代码也不复杂。建议不要用检测长度的td输出方式,那样很复杂。

你好!!

success: function(result){

    for(var i=0i<2i++){

        var $tr = $("<tr />")

        for(var j=0j<5j++){

            var $td = $("<td><a href='#' ></a></td>")

            $td.find("a").text("hello"+j)

            $tr.append($td)

        }

        $("#searchwordInfo").append($tr)

    }

}

insertRow()函数可以带参数,形式如下: 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前,默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart=document.getElementById("test");

t.innerHTML="<tr><td>数据</td></tr>"

//或者

vart=document.getElementById("test");

vartr=document.createElement("tr");

vartd=doucment.createElement("td");

td.innerHTML="数据";

tr.appendChild(td);

t.appendChild(tr);

</script>

扩展资料:

给table添加一行

1、$("#addTable").click(function(){;

2、vartr="<tr>"+;

3、"<td>11</td>"+;

4、"<td>22</td>"+;

5、"<td>33</td>"+;

6、"<td>44</td>"+;

7、"<td>55</td>"+;

8、"</tr>"

9、$(".layui-table").append(tr);


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11955232.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存