dart - 在Polymer Dart中，如何使用表的1个聚合物元素以及行和单元格的另一个聚合物元素构建CSS表

Question

我的目标是使用CSS(display:table，table-row，table-cell)构建一个表，其中一个自定义聚合物元素定义了表的div，另一个聚合物元素定义了行和单元格的div，例如这个

<my-table>
  <my-row col1="contents of column 1" col2="column 2">
      --html for content of column 3--  
  </my-row>
</my-table>

我遇到的问题是使用“display:table;”创建的div。由“display:table-row”和“display:table-cell”创建的div无法识别。所创建的div似乎认为它们位于各自的表中。

有没有办法让它工作？如果答案是使用:: content::shadow，则需要向我展示如何使用它，因为我无法使其正常工作并不能充当单个大表。

Answer 1

您应该设置聚合物元素的host样式，而不是其内部的div样式。

这是一个示例:https://gist.github.com/jakemac53/0d073615d723502a61ca