jquery截取datatable里面td内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose
来源：动视网
责编：小采
时间：2020-11-27 16:00:51
jquery截取datatable里面td内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose
jquery截取datatable里面td内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose:通过jquery实现当内容显示过多的时候内容截取指定长度50个字，其余显示省略号...当点击行的时候行高度变高，比如300px；如果还是显示不完的剩下的还显示省略号，不再管他了！ Name Position Office Age Start date Salary
导读jquery截取datatable里面td内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose:通过jquery实现当内容显示过多的时候内容截取指定长度50个字，其余显示省略号...当点击行的时候行高度变高，比如300px；如果还是显示不完的剩下的还显示省略号，不再管他了！ Name Position Office Age Start date Salary
通过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内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose
jquery截取datatable里面td内容太多的显示省略号，点击行时候，行高度变高，显示全部内容_html/css_WEB-ITnose:通过jquery实现当内容显示过多的时候内容截取指定长度50个字，其余显示省略号...当点击行的时候行高度变高，比如300px；如果还是显示不完的剩下的还显示省略号，不再管他了！ Name Position Office Age Start date Salary
