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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
js arguments.callee的应用代码
May 07 Javascript
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
微信小程序 教程之事件
Oct 18 Javascript
基于JavaScript实现微信抢红包功能
Jul 20 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 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
咖啡与水的关系
2021/03/03 冲泡冲煮
PHP数据库开发知多少
2006/10/09 PHP
php数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
2011/09/01 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
Android面试题附答案
2014/12/08 面试题
狼和鹿教学反思
2014/02/05 职场文书
安全隐患整改报告
2014/11/06 职场文书
2014企业年终工作总结
2014/12/23 职场文书
小学班主任研修日志
2015/11/13 职场文书