问如何在Vaadin Flow 14中创建简单的HTML表

EN

Element table = new Element("table");
For(item : item rows to add) {
  Element tr = new Element("tr");
  table.appendChild(tr);
  For(int i = 0; i < dataColumns; i++) {
    Element td = new Element("td");
// could perhaps append a span with text context.
    td.setText(item text for column i);
    tr.appendChild(td);
  }
}

@Tag("table")
public class Table extends Component implements HasComponents {

    public Row addRow() {
        Row row = new Row();
        add(row);
        return row;
    }

    public Row getRow(int row) {
        final Optional<Component> rowOptional = getElement().getChild(row)
                .getComponent();
        if(rowOptional.isPresent())
            return (Row) rowOptional.get();
        return null;
    }
}

@Tag("tr")
public class Row extends Component {
    public void add(Cell cell) {
        getElement().appendChild(cell.getElement());
    }
    public int getRow() {
        return getElement().getParent().indexOfChild(getElement());
    }
}

@Tag("td")
public class Cell extends Component {
    
    public int getCol() {
        return getElement().getParent().indexOfChild(getElement());
    }

    public int getRow() {
        return ((Row) getParent().get()).getRow();
    }

    public void setText(String text) {
        getElement().setText(text);
    }

}