HTML转义代码的语义UI反应<table.cell>问题

Question

这是semantic-ui-react

上的一个问题

我不确定这是否是语义UI反应的<Table.Cell>中的错误，还是不确定如何正确使用它，因此我在此处提出。我也将此问题作为问题发布在semantic-ui-react的GitHub here-问题＃3595上。

在表格中，我们在线创建了用于记录产品中问题的“注释”样式字段（在本例中为“机会”，“期望的结果”等）。用<Table.Header>等进行设置（请参见下面的代码）

但是，如果有人在具有URL的字段中放置注释，该URL可能包含以%符号开头的HTML转义字符，例如%2F代表/和{{1 }}中的空格等，它会使字段突然变宽并向左延伸，然后将所有其他需要屏蔽的列/字段推到屏幕外，如下所示。

如果您只是文本的常规注释，或者其中的URL带有 no HMTL转义字符，则单元格格式仅是您希望的宽度大小，并且看起来不错，不会有任何内容被推送到离开屏幕，如下图所示，这就是我们希望格式化所有“注释”单元格的方式。

我已经遍历了%20和<Table>上的所有文档，并试图找到一些可以解决这种情况的道具或类似东西，却找不到能够使单元格缩小的任何东西。如果用户输入带有HTML转义字符的URL，则减小到所需的大小。

<Table.Cell>

我无法控制我们组织中（从业人员 成千上万 ）他们如何在此字段中放置文本，所以我需要找到某种方式来获取此字段即使有人粘贴带有HTML转义字符的URL，也可以保持相同的大小。有什么办法可以解决这个问题吗？请指教。预先感谢您对此的关注。