在 Polymer Dart 中，如何使用 1 个用于表格的聚合物元素和另一个用于行和单元格的聚合物元素来构建 CSS 表格答案

【问题标题】：In Polymer Dart, how to build a CSS table using 1 polymer-element for the table and another for the rows and cells在 Polymer Dart 中，如何使用 1 个用于表格的聚合物元素和另一个用于行和单元格的聚合物元素来构建 CSS 表格
【发布时间】：2015-10-20 21:29:53
【问题描述】：

我的目标是使用 CSS (display:table, table-row, table-cell) 构建一个表格，其中 1 个自定义聚合物元素定义表格的 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，那么我需要展示如何使用它，因为我无法让它像单个大表一样工作和表现。

【问题讨论】：

标签： dart dart-polymer

【解决方案1】：

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

这里是一个例子：https://gist.github.com/jakemac53/0d073615d723502a61ca

【讨论】：

啊啊啊！这有很大帮助。谢谢！