资讯专栏INFORMATION COLUMN

EasyUI datagrid数据表格单元格内允许换行 解决单元格内纯数字或英文文本不能换行问题

junfeng777 / 1861人阅读

摘要:官方的数据表格属性中提供了属性其作用是设置为,则把数据显示在一行里。设置为可提高加载性能。

官方的数据表格属性中提供了nowrap属性
其作用是:设置为 true,则把数据显示在一行里。设置为 true 可提高加载性能。
默认为true
在设置数据表格属性时将nowrap属性设置为false时,并且设置表格的宽度,当单元格内数据内容超过宽度时就会自动换行

{
    field : "khmc",
    title : "生产线",
    align : "center",
    halign : "center",
    width:50,
},

但是当数据单元格内的文本为纯数字或者英文时不能换行,或出现内容被截断的现象
如图:

此时就需要重新定义一下单元格内文本的格式

{
    field : "pfhm",
    title : "配方编码",
    align : "left",
    halign : "center",
    width:50,
    formatter : function(value, row, index) {
        return "
"+ value + "
"; } },

用带有以下样式的div标签对包裹文本内容确保内容都会换行
允许在单词内换行:word-break:break-all;
在长单词或 URL 地址内部进行换行:word-wrap:break-word;
保留空白符序列,但是正常地进行换行:white-space:pre-wrap;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106236.html

相关文章

  • HTML之body标签中的相关标签补充

    摘要:一列表标签列表标签分为三种。二表格标签表格标签用表示。单元格和单元格之间的距离外边距,像素为单位。例如表示当前单元格在水平方向上要占据两个单元格的位置。输入标签文本框输入标签文本框用于接收用户输入。一 列表标签   列表标签分为三种。   1、无序列表,无序列表中的每一项是     英文单词解释如下:       a.ul:unordered list,无序列表的意思。       b.l...

    felix0913 评论0 收藏0
  • 前端基础-HTML的的标签详解

    阅读目录 一、head内常用标签 二、 HTML语义化 三、 字符实体 四、 h系列标签 五、 p标签 六、 img标签 七、 a标签 八、 列表标签 九、 table标签 十、 form标签 一、 head内常用标签 1、meta相关 #1、指定字符集 #2、页面描述 #3、关键字:有助于搜索引擎SEC优化,再怎么优化也抵不过竞价排名 #4、3秒后跳转 #5、三秒刷新 ...

    番茄西红柿 评论0 收藏0
  • Python开发【前端篇】HTML

    摘要:标签行内元素,表示一行中的一小段内容,没有具体的语义。表示当前文件所在目录下的上一级目录,比如表示当前目录下的上一级目录下的文件夹中的的图片。标签表示列表的整体。1.html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成...

    番茄西红柿 评论0 收藏0
  • 3. HTML中的容器标签

    摘要:布局标签所谓布局标签,很简单就是用来实现网页布局的这些标签,是现在设计网页中重要的标签。什么是容器标签?在HTML开发中我们常常会使用一类标签作为容器放置一些内容,我们把这类标签称之为容器标签,可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签,在这里我们就来总结下这些内容。 列表标签 1 2 3 无序列表-1 4 无序列表-2 5 无序列...

    番茄西红柿 评论0 收藏0
  • HTML

    摘要:可以用属性指定按钮显示的文字。文件上传项提供选择文件进行上传的功能。注释属性无法与一同使用。 1. HTML是什么 超文本标记语言 最基础的网页语言 W3C HTML不是一门编程语言 而是一门标记语言 HTML是用标记(标签/元素)来描述网页内容的 HTML是文档的一种 2. HTML的结构 用来指定当前页面所遵循的html的版本,不写默认是html5.0...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<