解决信息列表中信息名称过长问题

最新推荐文章于 2024-11-10 15:10:54 发布
最新推荐文章于 2024-11-10 15:10:54 发布 · 206 阅读 · 0
文章标签：

#JavaScript #HTML #ViewUI

本文提供两种解决方案来处理HTML表格中标题过长的问题：一是通过调整HTML结构；二是利用JavaScript控件实现。示例代码展示了如何在不破坏布局的前提下处理标题超长的情况。

07年9月12日

           正如这个题目所说,开发中会遇到这样的问题,我有两种解决办法,现在把这个问题的关键整理成简单的html页面,简单明了:

         (1)解决办法:
          test1.html

         

<%...@ page language="java" contentType="text/html; charset=GBK" %>
<head>
<title>查询信息列表</title>
</head>

<html>
 <table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
       <tr>
       <td  width="120"><div align="center">频道名称</div></td>
         <td  width="120"><div align="center">频道描述</div></td>
         <td  width="120"><div align="center">操作</div></td>     
       </tr>         
</table>

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120" title="我是aaaaaaaaaaaaa">
       <div align="center">
       aaa
       </div>
       </td>
       <td  width="120"><div align="center">111</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120" title="我是aaaaaaaaaaaaa">
       <div align="center">
       aaa
       </div>
       </td>
       <td  width="120"><div align="center">111</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120" title="我是aaaaaaaaaaaaa">
       <div align="center">
       aaa
       </div>
       </td>
       <td  width="120"><div align="center">111</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>
    
</table>   

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120"  title="我是bbbbbbbbbbb">
       <div align="center">
       bbb
       </div>
       </td>
       <td  width="120"><div align="center">222</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120"  title="我是cccccccccccc">
       <div align="center">
       ccc
       </div>
       </td>
       <td  width="120"><div align="center">333</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120"  title="我是dddddddddddddddd">
       <div align="center">
       ddd
       </div>
       </td>
       <td  width="120"><div align="center">444</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  

<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120" title="我是eeeeeeeeeeeeeeeeeee">
       <div align="center">
       eee
       </div>
       </td>
       <td  width="120"><div align="center">555</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>           
       </td>
    </tr>    
</table>  


<table width="100%" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#D9D9D9">
    <tr>
       <td  width="120"  title="我是ffffffffffffffff">
       <div align="center">
       fff
       </div>
       </td>
       <td  width="120"><div align="center">666</div></td>
       <td  width="120">
           <a href="#">查看</a>
           <a href="#">修改</a>
           <a href="#">删除</a>       
       </td>
    </tr>    
</table>  

</html>

         (2)解决办法(通过javascript控件实现):

         test2.html

  

ExpandedBlockStart.gif
derpvail
关注
【C++软件调试技术】C++软件开发维护过程中典型软件异常问题的排查与总结
dvlinker的技术专栏
04-15 17万+
本文以问答的方式进行展开，罗列了C++软件日常开发和维护中遇到的多个软件调试问题及有代表性的场景，给出详细的处置思路和处理办法，以供大家借鉴和参考。
MySQL高频基本面试问题整理
热门推荐
曾经“等你生日那天”都遥远得像未来，如今却可欢愉的挥手说“下个十年见”
04-07 174万+
总结大厂MySQL高频基本面试问题整理，用于快速查缺补漏
list 展示字段过长小技巧
蓝影灵的博客
01-05 689
1、有内容的应该控制长度 &lt;th class="center" style="width:350px;"&gt;资料简介&lt;/th&gt; &lt;td&gt; &lt;c:choose&gt;    &lt;c:when test="${fn:length(var.REMARK)&gt;100}"&gt;${fn:substring(var.RE
Android打包的时候遇见，与元素类型 "item" 相关联的 "name" 属性值不能包含 大于 字符。
z879381359的博客
10-25 450
Android打包的时候遇见，与元素类型 "item" 相关联的 "name" 属性值不能包含 '<' 字符。 是因为annotations.zip书写不规范导致的错误 直接下载替换,下载链接 ...
ArcGIS属性字段名设置不超过四个中文的解决方法
zhoulong_giser
11-20 3万+
ArcGIS属性字段名设置不超过四个中文的解决方法（附带解决了属性表中文乱码问题）： 一、ArcGIS 10.3的解决办法： 在window+R中输入下面内容，回车 reg add HKEY_CURRENT_USER\Software\ESRI\Desktop10.3\Common\CodePage /v dbfDefault /t REG_SZ /d 936 /f 二、ArcGIS 1...
字段太长，无法录入数据库
山重水复疑无路
03-16 6533
报错： 2017-03-13 10:16:43,159 ERROR [org.hibernate.util.JDBCExceptionReporter] - Data truncation: Data too long for column 'value' at row 1 2017-03-13 10:16:43,167 ERROR [org.hibernate.event.def.Abstra...
Django Celery Beat出错：psycopg2.errors.StringDataRightTruncation: 错误: 对于可变字符类型来说，值太长了(200)
ReuterK的博客
05-05 2747
Django Celery Beat出错：psycopg2.errors.StringDataRightTruncation: 错误: 对于可变字符类型来说，值太长了(200) 这个出错可谓是出乎意外，因为在此之前从未出错过。 在修改了DJ中celery.py中的CELERYBEAT_SCHEDULE内容之后，运行beat时，居然报错了。 从报错的内容看，应该时数据库中的写入数据的字长超过了200个。但是从已经完成的内容看，没有一个字长内容会超过200个字符。 修改了相关表的字长从200到400，仍然报错
gradle-util-plugins插件解决Windows下类路径过长问题
在这个特定的更新中，插件解决了Windows环境下Gradle构建过程中遇到的类路径过长的问题。这是一个常见的问题，因为在Windows操作系统上，由于文件系统和命令行参数的限制，类路径（classpath）的长度被限制在了很短...
MP3歌曲名称在VLC中显示乱码的解决
sharpblade's Blog
11-10 1820
直到我说：在VLC的标题栏显示的歌曲名称为乱码，并且只有部分歌曲显示有问题。claude.ai马上说“啊，原来是这样，这种情况应该是mp3文件内部的ID3标签编码问题。所以如果你在 kid3 中看到某些 MP3 文件同时有 Tag1 和 Tag2，这表示这个文件同时包含了两种格式的标签信息。从网上下载的mp3文件，有些曲目用VLC播放的时候，VLC标题栏中显示的歌曲名称是乱码。一开始我还以为是文件名编码问题，和claude.ai描述的也不够清晰，因此初期不太有效。最早的标签格式，位于 MP3 文件末尾。
深入理解Spring Cloud Feign与Ribbon：优雅的微服务调用解决方案
曾经“等你生日那天”都遥远得像未来，如今却可欢愉的挥手说“下个十年见”
02-14 167万+
在现代的分布式系统中，微服务架构已经成为了构建大型应用的主流方式。而在微服务架构中，服务间的通信尤为重要，直接影响到系统的稳定性和性能。Spring Cloud作为领先的微服务解决方案，提供了Feign和Ribbon这两个强大的工具，用于简化和优化服务间的调用和负载均衡。本文将探讨Spring Cloud Feign和Ribbon的工作原理及其在实际应用中的最佳实践，帮助开发者更好地理解和利用这些工具来构建可靠的微服务系统。
input框限制输入40个字符_input标签的 maxlength 属性（HTML限制最大输入字数）
weixin_39581739的博客
12-01 4310
实例下面这个 HTML 表单带有最大长度分别是 85 和 55 个字符的两个输入字段： Name: Email: 亲自试一试定义和用法maxlength 属性规定输入字段的最大长度，以字符个数计。maxlength 属性与 或 配合使用。语法属性值值描述characters输入字段中允许的最大字符数。另外还有form.verify({studentName : function(va...
各个数据库表名和字段名长度限制
疯狂的星光的专栏
10-12 3万+
现在数据库种类很多，每个数据库对表名和字段名长度有限制，下面是常见数据库的限制。 数据库类型 表名 字段名 SQL SERVER 128个字符，临时表116个字符 128个字符 Oracle 30个字符 30个字符 MySQ
wifi名称修改时最多支持10个中文或32个英文字符；当中文混杂时，只支持20个Asic码（V盘项目)
u012927539的专栏
03-20 5663
wifi名称修改时最多支持10个中文或32个英文字符；当中文混杂时，只支持20个Asic码 public static int getWordCount(String s) { s = s.replaceAll("[^\\x00-\\xff]", "**"); int length = s.length(); return length; } private EditTex
列表显示, 内容过长省略显示, 鼠标停留在内容上显示全部内容
弓长张_木子李的博客
11-13 3150
&lt;td id="com" title='{{item.com}}' style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:pointer;"&gt;{{ item.com || "--"}}&lt;/td&gt;
Wifi的密码长度有何限制
曹浩洋的专栏
05-10 6598
Wifi常见的密码有wep，aes和tkip，不同类型的密码长度不同。 Wep密码在输入时可以按ascii码和hex两种： 以ascii输入时长度为5，13。 以hex输入时长度为10，26（因为两个hex是一个字节）。 Aes和tkip的长度为8~63。
uniapp-长列表优化
a690392431的博客
08-27 1万+
最近涉及到uniapp 开发小程序和h5 做的一个长列表，遇到有几个需要注意的地方，在此写个记录提醒健忘的自己避免踩坑。 原始实现方式： 首先一个正常的列表都是有一个 tab 来做头部选项卡和一个内部区域，通过手指的滑动可以切换选项卡。然后传统都是采用swiper 加 scroll-view实现（tab 因为没什么性能上的问题就不说了）。但是有时候程序并不能如你所愿，通过这两个组件实现的列表如果数据比较少的情况下确实是比较好用，但是如果出现tab每一项动态加载的数据比较多之后，通过swiper来切换，.
Docker日志过滤问题[源码]
最新发布
12-27
文章探讨了在使用Docker时，通过grep命令过滤日志内容时遇到的问题及其解决方案。当使用`docker logs nginx | grep INFO`命令时，无法正确过滤日志内容，原因是管道仅对stdout有效，而日志可能被记录到stderr。文章提供了两种解决方案：一种是通过重定向stderr到stdout来实现过滤，即使用`docker logs nginx 2>&1 | grep INFO`；另一种是通过直接访问日志文件路径并使用grep命令，即`grep INFO `docker inspect --format={{.LogPath}} nginx``。这些方法帮助用户更有效地管理和分析Docker容器日志。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值