layui表格内容溢出的解决方法


Posted in Javascript onSeptember 06, 2019

引言,我做文章管理的时候,引入的是layui的表格样式,但是里面的内容溢出无法隐藏,后来我采用了往td里面加了个<div></div>

然后设置一下样式就可以了。

<table class="layui-table">
 <colgroup>
 <col width="100">
 <col width="150">
 <col>
 </colgroup>
 <thead>
 <tr>
  <th>序号</th>
  <th>文章标题</th>
  <th>文章内容</th>
  <th>发布时间</th>
  <th>发布人</th>
  <th>操作</th>
 </tr> 
 </thead>
 <tbody>
 <c:forEach items="${pageInfo.list}" var="a">
 <tr style="height:auto;">
  <td class="lid">${a.aId}</td>
  <td>${a.aTitle }</td>
  <td class="ac" style=""><div style="width:500px;
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis;">${a.aContent}</div></td>
  <td><fmt:formatDate type="both" dateStyle="long" timeStyle="long" value="${a.aTime}" /></td>
  <td>${a.whoRelease}</td> 
  <td>
  <button class="layui-btn-danger layui-btn layui-delete"><i class="layui-icon"></i></button></td> 
 </tr>
 </c:forEach>
 
 </tbody>
</table>

以上这篇layui表格内容溢出的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 Javascript
ajax与302响应代码测试
Oct 23 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
微信小程序保存多张图片的实现方法
Mar 05 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 #Javascript
vue中 this.$set的用法详解
Sep 06 #Javascript
在layui中select更改后生效的方法
Sep 05 #Javascript
layui select 禁止点击的实现方法
Sep 05 #Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 #Javascript
layer 刷新某个页面的实现方法
Sep 05 #Javascript
layui中select,radio设置不生效的解决方法
Sep 05 #Javascript
You might like
PHP微信开发之查询微信精选文章
2016/06/23 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
2016/12/14 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
记一次Django响应超慢的解决过程
2020/09/17 Python
python3排序的实例方法
2020/10/20 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
amazeui页面校验功能的实现代码
2020/08/24 HTML / CSS
自考毕业生自我鉴定
2013/11/04 职场文书
个人培训自我鉴定
2014/03/28 职场文书
教师产假请假条
2014/04/10 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014年医务科工作总结
2014/12/18 职场文书
学生党员检讨书范文
2014/12/27 职场文书
毕业生个人总结
2015/02/28 职场文书
教师求职自荐信
2015/03/26 职场文书
电工生产实习心得体会
2016/01/22 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技
python中对列表的删除和添加方法详解
2022/02/24 Python
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android