欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

bootstrap中表格内容过长成省略号,鼠标悬停表格显示全部内容【页面标签中实现】

程序员文章站 2022-03-08 08:36:49
...

页面效果展示:

bootstrap中表格内容过长成省略号,鼠标悬停表格显示全部内容【页面标签中实现】

1. 先判断该对象是否存在,再使用freemarker的list语法进行遍历

2. <#if> 中对象.属性值的非空判断和字符串长度的判断,必须得有非空判断,否则报错

3. 字符串的截取显示, <td title=”悬浮显示的值”>

bootstrap中表格内容过长成省略号,鼠标悬停表格显示全部内容【页面标签中实现】

4. 页面代码展示

<#if page?exists>
    <table border="1" width="100%">
       <tr>
           <th>单位名称</th>
           <th width="90%">审核</th>
       </tr>
       <#list page.data as info>
           <tr>
              <#if (info.DWMC)?? && info.DWMC?length gt 2>
                  <td title="${info.DWMC?default('')}"> ${info.DWMC?substring(0,2)}...</td>
              <#else>
                  <td>${info.DWMC?default('')}</td>
               </#if>
                   <td>
                      <button type="button">操作</button>
                   </td>
            </tr>
       </#list>
    </table>
<#else>
    没有找到
 </#if>