dart - 在 Dart 中添加表格行？

Question

所以我决定从 Dart 开始，我已经想知道用数据添加新表行的最佳方法是什么。

我尝试使用 HTML 获取tbody和使用它children.add()，但它有一些问题，比如如果tbody不存在的话。

Answer 1

在 JavaScript 中添加新表行时，您最终会遇到诸如如果没有tbody或如何确定最后一行的问题，但在 Dart 中我认为它更容易。

这是一个例子：

import 'dart:html';

main() {
  // Find the table.
  TableElement table = query('#foo');

  // Insert a row at index 0, and assign that row to a variable.
  TableRowElement row = table.insertRow(0);

  // Insert a cell at index 0, and assign that cell to a variable.
  TableCellElement cell = row.insertCell(0);
  cell.text = 'hey!';

  // Insert more cells with Message Cascading approach and style them.
  row.insertCell(1)
    ..text = 'foo'
    ..style.background = 'red';

  row.insertCell(2)
    ..text = 'bar'
    ..style.background = 'green';
}

如果要在末尾插入一行，只需编写：

table.insertRow(-1);

细胞也是如此。