热搜:NVER node 开发 php

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

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

通过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 逐渐增加字数 确保高度不超过最大高度  只说思路

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

实现了 不上代码 

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