好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

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

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

实现了 不上代码

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

查看更多关于jquery截取datatable里面td内容太多的显示省略号,点击行时候,行高度变高,显示全部内容的详细内容...

  阅读:40次