在Dart中添加表行？

Question

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

我尝试提取tbody并将其children.add()与HTML一起使用，但它存在问题，例如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);

细胞也是如此。