css - 如何在 DART TableElement 中设置边框

Question

在 2012 年的 Grid 示例中，网格边框设置为：

    TableElement _table;
    _table = new Element.tag("table");
    _table.border="1";

不幸的是，边框不再（运行版本 1.1.1）DART 的 TableElement 类中的设置器。将其排除在外会导致表格没有边框。如何设置边框？

Answer 1

这对我有用

import 'dart:html';

void main() {
  TableElement q = querySelector('table');

  q.style
    ..border = '100px solid black';
}

编辑：

好的，我发现了问题所在，您正在创建一个新的TableElement，而不是从 dom 查询它：

TableElement _table;
_table = new Element.tag("table");
_table.style.border="100px solid black";
querySelector('body').append(_table); // add this line

Answer 2

TableElement _table = new TableElement()
  ..setAttribute('border','1');

querySelector('body').append(_table);

或者这也应该工作......我认为

querySelector('body').append(new TableElement().setAttribute('border','1'));