截断表格单元的jQuery和dotdotdot
我对Javascript和jQuery知之甚少，我试图使用jQuery和点点插件在第二行之后截断表中的TDs。
我想，如果不问，我永远学不到东西；
这可能吗？
我怎样才能用点点来实现这一点--或者--还有更好的方法呢？
另一个问题(
)中的图像正是我想要发生的，但是我想不出如何使它适应于表格单元格。在不了解Javascript的情况下，jQuery似乎最适合做我想做的事情。
回答 3
Stack Overflow用户
发布于 2012-07-20 15:28:10
在这里，跳过空单元格，不适用于小于定义的最大字符计数的单元格。
$(function(){
$.each($('td').not(':empty'), function(i,v){
var count = parseInt($(v).text().length);
var maxChars = 210;
if(count > maxChars){
var str = $(v).text();
var trimmed = str.substr(0, maxChars - 2);
$(v).text(trimmed + '...');
}
});
});+1表示CraftyFella的评论
这是工作的jsFiddle
Stack Overflow用户
发布于 2012-07-20 15:26:53
您能检查一下这个jsFiddle吗，它不使用jQuery，因为据我从您的问题中了解到的情况来看，您需要知道如何使省略号能够使用css，而不是需要jQuery。
http://jsfiddle.net/xjLA7/1/
如果您需要通过脚本完成，请告诉我，您希望如何实现这一点，我会再播放一点，但我希望这是您需要使用省略号使td溢出，而不是扩展td。
这是我的消息来源：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
td.test div
{
white-space: nowrap;
width: 70px;
overflow: hidden;
border: 1px solid #000000;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<table>
<tr>
<td class="test">
<div>This is some long text that will not fit in the box</div>
</td>
</tr>
</table>
</body>
</html>致以问候。
Stack Overflow用户
发布于 2015-11-04 15:54:05
当直接在td元素上调用时，dotdotdot不能正常工作。您必须在div元素中创建一个td，将内容放入div中，为td元素指定一个最大宽度/高度，并在div上调用dotdotdot。
<table>
<tr>
<th>Short Column</th>
<th>Long Column</th>
</tr>
<tr>
<td>Some info</td>
<td height=50px width=50px>
<div id='long-column'><p>This is a long column that should be truncated by the dotdotdot plugin.</p></div>
</td>
</tr>
</table>
<script type=text/javascript>
$(document).ready(function () {
$('#long-column').dotdotdot({});
});
</script>下面是一个有用的例子，请看这个小提琴：
https://stackoverflow.com/questions/11581374
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号