Question

我在一个带有bootstrap和jquery的站点上使用Datatables来处理大型（2000+条目）表。一些（文本）值太长，现在我使用这样的东西：

render: function ( data, type, row ) {
                        return data.length > 35 ?
                        data.substr( 0, 35 ) +'…' :
                            data;
                    }

在Datatables中剪切字符串并在html标题中显示完整值。有一个更好的方法吗？就像一个插件可以自动剪切，但在点击时显示所有内容或类似内容？我找不到东西。

我看到了jquery dotdotdot，但它没有给我一点点延伸。

Answer 1

在javascript中修改字符串，以使其更易于查看或“＃34; fit＆＃34;某些DOM元素是完全禁止的。特别是当你在这里有许多字符串在回调中被预处理。

如果强制固定宽度到某些（或所有）列，例如：

table.dataTable td:nth-child(3) {
  max-width: 100px;
}

然后你可以使用简单的CSS来确保列的内容不被包装，不会超出边距并且如果它太大则显示一个很好的省略号

table.dataTable td  {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

演示 - ＆gt;的 http://jsfiddle.net/ax1gr1og/

省略号的解决方案 - Jquery + Bootstrap + Datatables

1 个答案: