Это вопрос на semantic-ui-react
Я не уверен, является ли это ошибкой в * semo-ui-реагировать <Table.Cell> или просто не понимает, как правильно его использовать, поэтому я заполняю это здесь. Я также подал это как проблему на GitHub semantic-ui-react, здесь - Issue # 3595.
В таблице мы создали для регистрации проблем в наших продуктах онлайн, поля стиля «Примечания» (в нашем случае «Возможности», «Желаемый результат» и т. Д. Наш код для ячеек таблицы после настройте его с помощью <Table.Header> и т. д. (см. код ниже)
Однако, если кто-то помещает заметки в поле, URL-адрес которого может содержать escape-символы HTML, начинающиеся со знака %, например %2F для / и %20 для пробела и т. Д. , это заставляет поле внезапно расширяться и растягиваться влево, что затем выталкивает все остальные столбцы / поля, которые должны быть от экрана, как показано ниже.
with HTML escape characters example">
Если у вас есть обычные текстовые заметки или URL с нет экранирующих символов HMTL, ячейка форматируется с желаемой шириной и выглядит нормально, ничто не сдвигается влево вне экрана, как показано на рисунке ниже, именно так мы хотим отформатировать все наши ячейки «Заметки».
without any HTML escape characters example">
Я просмотрел все ваши документы по <Table> и <Table.Cell> и попытался найти какую-нибудь опору или что-то подобное, что исправило бы эту ситуацию, и не смог найти ничего, что уменьшило бы ячейку до желаемого уровня. размер, если пользователь вводит URL с escape-символами HTML.
...
<Table.Cell>
<a href={"workflow/" + item.id}>{item.submitted_by}</a>
</Table.Cell>
<Table.Cell>
<a href={"workflow/" + item.id}>{item.opportunity}</a>
</Table.Cell>
<Table.Cell>
<a href={"workflow/" + item.id}>
{moment(item.create_date).format("MM/DD/YYYY")}
</a>
</Table.Cell>
...
Я не могу контролировать в нашей организации (буквально тысячи занятости), как они помещают текст в это поле, поэтому мне нужно найти способ, чтобы это поле оставалось одинакового размера, даже если кто-то вставляет URL-адрес с помощью escape-символов HTML. Есть ли способ исправить это с моей стороны? Пожалуйста, порекомендуйте. Заранее благодарю за внимание к этому.