网页实现table td内容超出显示省略号,拖动td显示的功能

机智如我好少年 2016-10-19 11:29:06
网页实现table td内容超出显示省略号,拖动td显示的功能..
部分界面代码:

<table style="width:100%;table-layout: fixed;" >
<tr> <th width="12%"><fmt:message key="ss"/></th></tr>
<tr>
<td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" width="12%">dfgdfgdfgklfjweoirueoifjewofjwlkfjwflkjwlfjslkdfjslkdfjslkdfjskldfjsdkfjskfjsfksfsdfsdsddssdsddsdssd </td></tr>这样只能能显示省略号,但不能拖拽显示全部。想和sql server中查询的结果集显示的一样,能够拖拽td宽度,省略号随着宽度的变化而变化。
...全文
514 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
当作看不见 2016-10-19
  • 打赏
  • 举报
回复
给td 拉升绑定一个事件,检测td 的长度,作为参数传入string.substr(0,td.length)+"......",就可以动态的实现这个效果
  • 打赏
  • 举报
回复
跪求可用源码
  • 打赏
  • 举报
回复
[quote=引用 3 楼 qq_29594393 的回复:] 有这个想法,工作中用的是dwz框架,这个框架有表格的样式class ="table",已经实现能拖拽了,就是要实时获取td列宽度,并进行截取出来,就是拖拽事件实时获取td列的宽度不会做,能给写个例子吗?

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧