table的td换行(根据字符串拆分换行)

Posted fpc-syq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table的td换行(根据字符串拆分换行)相关的知识,希望对你有一定的参考价值。

            $.each(items, function(i, item) {
                var tr = $("<tr></tr>");
                tr.append("<td><input type=‘checkbox‘ name=‘cb‘ data-module1=‘" + JSON.stringify(item) + "‘ /></td>");
                tr.append("<td style=‘width: 100px‘>" + item.modifyTime + "</td>");
                tr.append("<td><input type=‘hidden‘ name=‘cb‘  data-module1=‘" + JSON.stringify(item) + "‘ /><a href=‘javascript:void(0);‘ onclick=‘editModule1ByRow(""+item.id+"")‘ style=‘color: blue‘>" + subStForTable(item.customerName,15) + "</a></td>");
                tr.append("<td style=‘min-width: 120px‘>" + item.deviceAddress + "</td>");
                var sign_td=$("<td></td>");
                var sign=item.signTime.split(",");
                for(var i=0;i<sign.length;i++){
                    var _content_p=$("<p></p>");
                    _content_p.html(sign[i]+"</br>");
                    _content_p.appendTo(sign_td);
                }
                sign_td.appendTo(tr);

1、创建td对象,把获取的字段拆分成数组

2、遍历这个数组,创建一个个的p标签对象,并给这些对象赋值,然后把这些赋值了的p标签加入到td对象中。(这里要注意:给这些p标签赋值时,加了</br>换行符,所以能换行)

3、把这个td对象加入tr中

以上是关于table的td换行(根据字符串拆分换行)的主要内容,如果未能解决你的问题,请参考以下文章

table中td中内容如何实现自动换行

table 中 文字长度大于td宽度,导致文字换行 解决方案

table内的多个input实现不换行

Table TD 如何不换行?

TD不换行 nowrap属性

HTML的table中td内容换行上下间距怎么设置