如何在Vaadin Grid中显示JSON数据？答案

【问题标题】：How to display JSON data in Vaadin Grid?如何在Vaadin Grid中显示JSON数据？
【发布时间】：2023-01-31 17:46:40
【问题描述】：

Vaadin 版本：23.3.1

我正在尝试在网格中显示获取的 JSON 数据，它忽略了数据中的新行。

我有一堆 JSON 数据，我正在将其添加到列表中，稍后将添加到网格中

class Details{

 String message;
 Details(String msg){
   this.message = msg;
 }
 public String getMessage() {
        return msg;
 }

 public void setMessage(String msg) {
        this.msg = msg;
 }

}

其中 Details 是包含类型变量的类 String message。

public static List<Details> details  = new ArrayList<Details>();
Details items =  new Details(JSON_values); 
details.add(items);

创建类型详细信息类的对象列表并用 JSON_value 写入，然后将其添加到列表中并在绑定后在网格中显示。

之后我将它与其他列一起添加到网格中

  grid.addColumn(Details::getMessage).setHeader("MESSAGE");
  grid.getColumns().forEach( col -> col.setAutoWidth(true));
  grid.setItems(details);

其中 details 是所有参数的另一个列表。

我正在尝试使用 Html 组件，但没有成功。

关于如何进一步进行的任何建议？

【问题讨论】：

你需要澄清你的问题。我没有看到 Stack<String> stackMsg 是如何连接到 details 的。

标签： json vaadin vaadin-grid vaadin23

【解决方案1】：

您可以使用grid.addThemeVariants(GridVariant.LUMO_WRAP_CELL_CONTENT); 使单元格内容变大。

【讨论】：

它不是关于增加单元格内容的大小，而是关于在数据中出现的任何地方提供换行符。
对于使用换行符的换行符，您可能只需要类似 stackoverflow.com/a/2703609/3608089 的内容

【解决方案2】：

我在 Vaadin 网格中使用了 TextArea 组件，它将按原样显示格式化数据，而不会截断新行或空格。

使用组件渲染方法

https://vaadin.com/docs/latest/components/grid

【讨论】：