layui表格内容溢出解决办法

左手的ㄟ右手 2021-09-22 23:32 450阅读 0赞

引言，我做文章管理的时候，引入的是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">&\#xe640;</i></button></td>      
    </tr>  
    </c:forEach>  
     
  </tbody>  
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，450人围观）

还没有评论，来说两句吧...

相关阅读

相关 Layui外部js修改表格内容

//测试修改数据的方法! var _tds=$(".layui-table-body.layui-table-main:eq(1) tr:eq(1)").chi

迷南。/ 2023年10月10日 08:43/ 0 赞/ 45 阅读

相关 layui 树形表格 treeTable使用详细指南，不能折叠解决办法

最近在写一个商品分类管理的功能，本来想用layui的树形组件来写，但发现layui原生的tree只能展示title，而分类的其他字段无法展示，这就有点不适用了，无意中看到一位大

逃离我推掉我的手/ 2023年10月09日 12:19/ 0 赞/ 28 阅读

相关 JMeter：内存溢出解决办法

使用jmeter执行性能测试，报错：java.lang.OutOfMemoryError: Java heap space 需要对jmeter的jvm进行调优。记录如下：

亦凉/ 2023年09月27日 22:48/ 0 赞/ 143 阅读

相关 poi内存溢出解决办法

前言 java操作Excel常用的两种方式，分别为：jxl和poi。今天记录一下我在使用poi写Excel时遇到的内存溢出问题，以及poi是如何提供的解决方法。先附

向右看齐/ 2022年06月02日 04:19/ 0 赞/ 459 阅读

相关 layui——表格问题

搜索问题： $("searchBtn").click(function () { //这里以搜索为例 tableIns.reload(

ゞ浴缸里的玫瑰/ 2022年05月12日 13:28/ 0 赞/ 340 阅读

相关 Layui表格渲染

开发工具与关键技术： Visual Studio 2015 – Layui表格渲染作者：廖亚星撰写时间：2019年5 月15 日下面我用Layui插件来渲染代码

缺乏、安全感/ 2022年01月31日 05:49/ 0 赞/ 568 阅读

相关 Layui复杂表格

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月3日星期一常见的表格只有一行表头的，但我们今天做一个复杂表格，先看看单表头的效果，等一会写完复杂表

谁借莪１个温暖的怀抱￠/ 2022年01月21日 03:51/ 0 赞/ 852 阅读

相关编辑layui表格

开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌撰写时间：2019年7月26日在学习jquer

爱被打了一巴掌/ 2021年11月23日 23:26/ 0 赞/ 545 阅读

相关 layui表格内容溢出解决办法

引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div> 然后设置一下样式就可以了。 <t

左手的ㄟ右手/ 2021年09月22日 23:32/ 0 赞/ 451 阅读

相关 layui数据表格

快速使用创建一个table实例最简单的方式是，在页面放置一个元素 `<table id="demo"></table>`，然后通过 table.render() 方法指

约定不等于承诺〃/ 2021年06月24日 16:11/ 0 赞/ 821 阅读