Question

我如何能够连续确定一个字符数，然后点三个点（比如＆＃34;一些文字......＆＃34;）

示例：

|Name          |   Age   |Description    |
+-------+---------+----------------------+
|Alice         | 34      | abcderh zyz...|
+-------+---------+----------------------+ 
|Robert La...  | 34      | Sometext is...|

如果您能够在"Sometext is..."之后分析和is/La，则会显示三个点而不是完整字符/字符串。如何为单个以及所有列做到这一点。

我在Google上尝试了很多但仍无法找到有关此问题的任何有用的教程。

我的代码：

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

我已尝试过所有这些链接：

jQuery DataTable overflow and text-wrapping issues

jQuery DataTables issue: columns and rows not in one line

但它所做的一切都没有解决我的问题。请帮帮我们。

Answer 1

您需要在 text-overflow: ellipsis; 中设置text-overflow: "...";或css：

td{
  text-overflow: ellipsis; // this is producing "..."
  white-space: nowrap;
  overflow: hidden;
}

或更多上下文：

#example td{
  text-overflow: ellipsis; // this is producing "..."
  white-space: nowrap;
  overflow: hidden;
}

Row中的数据表固定字符

1 个答案:

Docs for text-overflow @ MDN