Datatable在行中固定的字符

11 浏览
0 Comments

Datatable在行中固定的字符

如何在一行中固定字符数，然后显示三个点（例如“一些文本...”）\n示例：\n|姓名 | 年龄 |描述 |\n+-------+---------+----------------------+\n|爱丽丝 | 34 | abcderh zyz...|\n+-------+---------+----------------------+ \n|罗伯特·拉... | 34 | 一些文本是...|\n\n如果能够分析\"一些文本是...\"和is/La之后的，则显示三个点而不是完整的字符/字符串。\n如何对单个和所有列进行处理。\n我在谷歌上尝试了很多，但仍然找不到任何有用的教程来解决这个问题。\n我的代码：\n

$(document).ready(function() {
    $('#example').dataTable();
} );

\n我尝试了所有这些链接：\njQuery DataTable溢出和文本换行问题\njQuery DataTables问题：列和行不在同一行\n但是它们都没有解决我的问题。请帮帮我。

0

1 答案

0 Comments

在这段内容中，问题的原因是表格中的文本无法显示省略号（"..."），解决方法是使用CSS样式来设置文本溢出时的省略号显示。

要解决这个问题，需要在CSS样式中设置text-overflow: ellipsis;或text-overflow: "...";，同时还需要设置white-space: nowrap;和overflow: hidden;，以确保文本不换行并且隐藏溢出部分。

可以在全局的CSS样式中设置这些样式，例如：td{...}，也可以针对特定的表格设置样式，例如：#example td{...}。

此外，在MDN文档中可以找到有关text-overflow的更多信息。

在解决这个问题时，使用CSS比JavaScript更好，因为CSS提供了一个简单的解决方案。

如果仅仅设置了text-overflow: ellipsis;，可能会导致整行都变成单列，但省略号仍然无法显示。如果想要决定列的宽度后再显示省略号，可以使用text-overflow: "...";。

要解决表格中文本无法显示省略号的问题，可以使用上述提到的CSS样式来设置文本溢出时的省略号显示。这样既可以避免使用过多的JavaScript代码，又能够简单有效地解决问题。

0