Обрезать столбец «Несколько строк текста» в списке Sharepoint Online - PullRequest
1 голос
/ 20 февраля 2020

Я застрял в конкретном сценарии прямо сейчас из-за недавнего изменения Microsoft в Office 365 относительно столбца «Несколько строк текста» в списке Sharepoint.

Моя главная цель - обрезать это колонка. Если в этом столбце будет много символов, он поглотит отображаемую страницу, поскольку может содержать до 60 тыс. Символов.

Я хочу ограничить строки этого столбца на странице списка только до 5 строк, а затем добавить, если это возможно, кнопку «Показать больше»?

Я нашел эту статью о форматировании столбец в списке sharepoint, используя JSON. https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

Я видел, что вы можете поместить столбец в div, используя этот скрипт, но мне просто интересно, смогу ли я ограничить строки этого столбца использование JSON?

{"$ schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "txtContent": "@currentField"}

1 Ответ

1 голос
/ 20 февраля 2020

«Да» для ограничения определенным количеством строк текста, но «Нет» для кнопки «Видеть больше», по крайней мере, в пределах возможностей JSON Форматирование.

Вы можете ограничить количество отображаемых строк эллипсами ("..."), добавив line-clamp CSS styles к вашему div. Обратите внимание, что значение -webkit-line-clamp - это количество строк, которое вы хотите отобразить.

{
   "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
   "elmType": "div",
   "style": {
          "display": "-webkit-box",
          "-webkit-line-clamp": 3,
          "-webkit-box-orient": "vertical",
          "overflow": "hidden"
   },
   "txtContent": "@currentField"
}

Однако вы не можете встроить JavaScript в формататор столбцов JSON, так что если вы хотите "увидеть больше «Кнопка, которая может переключать отображение остального текста, вам нужно будет создать с расширением Расширение поля SharePoint Framework (SPFx) с пользовательским кодом .

...