Средство форматирования столбцов для данных JSON
Я пытаюсь использовать табулятор, и у меня есть проблема с поиском правильного средства форматирования для отображения объектов JSON. если я передам его как JSON, в ячейке отобразится [Object, Object], и если я устрою его, прежде чем получу его как длинный текст ( textarea ) есть ли встроенный форматтер для типа данных JSON? есть ли способ обойти это, чтобы отобразить данные как объект JSON. Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Чтобы опираться на предложение Нилеша, вам нужно создать средство форматирования, которое реализует функцию JSON.stringify и части встроенного средства форматирования текстовой области:
function jsonFormatter(cell, formatterParams, onRendered){
cell.getElement().style.whiteSpace = "pre-wrap"; //allow cell to take up multiple lines of text
return JSON.stringify(cell.getValue(),null,4); //return JSON formatted cell
}
Когда вы затем прикрепите средство форматирования к столбцу в определении столбца, вам также нужно будет установить для параметра variableHeight значение true, чтобы сообщить табулятору, что эта ячейка может изменять высоту в зависимости от ее содержимого, это необходимо для обеспечения правильного рисования ячейки, когда размер таблицы/столбца изменен
{title:"Example", field:"example", formatter:jsonFormatter, variableHeight:true}
Спасибо за ваш ответ. Это фактически начинает решать проблему для меня. Можно ли заменить или заполнить элемент ячейки HTML? (компоненты реакции/svelte) или средство форматирования возвращает только значения данных
Если вы хотите передать html непосредственно в ячейку из ее значения, вы можете использовать встроенный модуль форматирования «html».
Вы также можете вернуть узел Dom из средства форматирования, и он добавит его в ячейку.
использовать
JSON.stringify(data,null,4)