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中

原文地址:https://www.cnblogs.com/fpc-syq/p/9295778.html

时间: 2024-08-03 11:37:29

table的td换行(根据字符串拆分换行)的相关文章

Table中td的长字符串换行处理

当需要在<table>中的<td>中显示一段很长的字符创时,如下句代码: Document.getElementById(<td>.id).innerText="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX........" 可以在该table中增加 style="table-layout:fixed;word-break:break-all" 属性

LODOP打印table超宽用省略号带&#39;-&#39;的内容换行问题

前面的博文有div超宽隐藏(LODOP打印超过后隐藏内容样式),还有有table设置超宽隐藏(),此外,还有超宽后用省略号表示的css样式,此文是针对这个样式的.该样式正常情况下没问题,但是遇到-短线这种英文连接符的时候,会导致换行,换行后隐藏后面的内容,为了宽度固定,可以设置不换行样式,但是浏览器显示正常,lodop可能会有问题.此问题可以用table里需要的内容嵌套div来解决.加了居中样式后,-线会可能会变省略号问题:可见本博文的最下方的代码测试代码2和图示2. 测试代码1: 去掉了注释,

(18)Powershell中的字符串拆分运算符

Powershell中提供了对字符串的拆分操作运算符.-split 运算符将一个字符串拆分成多个字符串. 拆分运算符 拆分运算符用于将一个或多个字符串拆分为多个子字符串.可更改拆分操作的以下元素: (1)定界符.默认为空白,但是可指定字符.字符串.模式或用于设置定界符的脚本块. (2)子字符串的最大数目.默认设置为返回所有子字符串.如果指定的数字小于子字符串数,则其余子字符串将合并到最后一个子字符串中. (3)用于指定定界符匹配条件的选项,如 SimpleMatch 和 Multiline. 拆

CSS3.0(0):text-overflow使用文字超多div的宽度或超过在table中&lt;td&gt;

关键字:text-overflow:ellipsis 语法:text-overflow:clip | ellipsis 取值 clip:默认值.不显示省略标记(...),而是简单的裁切. ellipsis: 当对象内文本溢出时显示省略标记(...). 可惜text-overflow 还只是ie的私有属性而已,也没被收录到w3c标准里. 如果想让某个容器(div或者li或者...块级元素)显示一行文字,当文字内容过多时,不换行,而是出现... 这样写:例如 1 <!DOCTYPE html PUB

Python | 字符串拆分和拼接及常用操作

一.字符串拆分 1 str = "hola ha1 ha2 china ha3 " 2 3 # partition 从左侧找到第一个目标,切割成三组数据的[元组] 4 str1 = str.partition("a") 5 print(str1) # ('hol', 'a', ' ha1 ha2 china ha3 ') 6 7 # rpartition 从右侧找到第一个目标,切割成三组数据的[元组] 8 str2 = str.rpartition("a&

sqlserver字符串拆分(split)方法汇总

--方法0:动态SQL法 declare @s varchar(100),@sql varchar(1000) set @s='1,2,3,4,5,6,7,8,9,10' set @sql='select col='''+ replace(@s,',',''' union all select ''')+'''' PRINT @sql exec (@sql) --方法1:循环截取法 if exists (select * from dbo.sysobjects where id = object

mycat1.6.5分片(字符串拆分hash)

https://blog.csdn.net/webnum/article/details/78313525 分片规则:字符串拆分hash 一.conf/schema.xml文件 <?xml version="1.0"?>   <!DOCTYPE mycat:schema SYSTEM "schema.dtd">   <mycat:schema xmlns:mycat="http://io.mycat/">  

jquery遍历table tr td内容

$("#result").find("tr").each(function () { $(this).find("td").each(function () { if ($(this).text().indexOf("惠") > 0) { var m = $(this).text().toString(); $(this).css("width", "165px"); $(this

php导出数据到excel,防止身份证等数字字符格式变成科学计数的方-------缺点,必须使用table tr td

php导出数据到excel,防止身份证等数字字符格式变成科学计数的方 时间:2012-08-17 13:50来源:未知 作者:硅峰网络-红豆 点击:219次 在网上查了很多资料知道解决办法大概有两个:一是在身份证字段前加个英文单引号,二是设置Excel的格式为文本格式. 我试用过第一种确实可以显示,但是有个'号在那里感觉确实不是很好,虽然听说不影响,但是需要用户点击那个单元格那个单引号才消失,并且在该 在网上查了很多资料知道解决办法大概有两个:一是在身份证字段前加个英文单引号,二是设置Excel