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

jquery 截取datatable里面td内容太多的显示省略号,点击行时候,行高度变高,显示全部内容_html/css_WEB-ITnose

程序员文章站 2022-06-17 15:30:34
...
通过jquery实现当内容显示过多的时候内容截取指定长度50个字,其余显示省略号...当点击行的时候行高度变高,比如300px;如果还是显示不完的剩下的还显示省略号,不再管他了!

Name Position Office Age Start date Salary
Name Position Office Age Start date Salary
Tiger Nixon 除为传统硬件厂商提供技术支持外,Baidu Inside计划还联合京东、神州数码战略合作伙伴,提供覆盖线上、线下的立体式销售网络,帮助传统硬件厂商迅速将产品推向市场。凡是取得Baidu Inside授权的智能硬件产品,在营销上能享受多种优惠,列入京东商城会提供更低的准入门槛、更优惠的销售费用,并且在重要页面或区域进行展示、推荐,同时,百度也会以多种形式为Baidu Inside产品页面提供流量支持。 Edinburgh 61 2011/04/25 $320,800
Garrett Winters Accountant Tokyo 63 2011/07/25 $170,750
Ashton Cox Junior Technical Author San Francisco 66 2009/01/12 $86,000
Cedric Kelly Senior Javascript Developer Edinburgh 22 2012/03/29 $433,060
[color=#FF0000]点击行的时候行高度变高显示全部内容[/color] 想达到这种效果


回复讨论(解决方案)

定义高度之后,设置属性:overflow: hidden; white-space: nowrap; text-overflow: ellipsis;

高度设置成 height:auto 逐渐增加字数 确保高度不超过最大高度 只说思路

你们怎么都没有高手出现,我已经实现了!

实现了 不上代码

请问你是如何解决的呢?能分享一下吗