码迷,mamicode.com
首页 > 其他好文 > 详细

datatable内容过长时表格会超出界面解决方法

时间:2020-04-12 18:42:21      阅读:265      评论:0      收藏:0      [点我收藏+]

标签:算法   数据   允许   fixed   显示效果   tomat   Fix   代码   自适应   

在使用datatable来显示数据时,经常出现所显示的列过多,或者内容太多,这时候的自适应列宽并没有起作用,导致显示的表格超出了界面,这时候整个界面显得不美观,界面右方显示效果如下图:

  技术图片

这时候我们需要规定宽度,所写代码如下图:

  技术图片  

  其中:tableLayout 属性用来显示表格单元格、行、列的算法规则。而fixed:列宽由表格宽度和列宽度设定;默认值为:automatic,表示列宽度由单元格内容设定。

  word-break 属性规定自动换行的处理方法。break-all表示允许在单词内换行。

这时候界面效果如下图:

  技术图片

 

datatable内容过长时表格会超出界面解决方法

标签:算法   数据   允许   fixed   显示效果   tomat   Fix   代码   自适应   

原文地址:https://www.cnblogs.com/cong3Z/p/12686557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!