javascript - 是否有一个 jquery 插件来剪切长列标题？

Question

我在页面上有一个动态构造的表格。它包含一组列。他们的数量从4到10。然后有4列就可以了。但是有 10 列 - 标题中的某些标题不适合列宽。

我想知道是否存在可以切断标题（并在最后设置“...”）的插件，或者如果没有足够的空间来显示它，则用缩写替换它们。

Answer 1

我知道您正在要求一个 jQuery 插件，但我认为应该提到这也可以通过CSS

text-overflow: ellipsis;

参见例如here

Answer 2

使用这个插件： http: //plugins.learningjquery.com/expander/

$('table td').expander({
    slicePoint:       80, 
    expandPrefix:     '... ', 
    expandText:       '[...]',
    collapseTimer:    5000, 
    userCollapseText: '[^]'
  });

将 slicePoint 配置为适合您的 td 的数字。