我的目标是使用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,则需要向我展示如何使用它,因为我无法使其正常工作并不能充当单个大表。
最佳答案
您应该设置聚合物元素的host
样式,而不是其内部的div样式。
这是一个示例:https://gist.github.com/jakemac53/0d073615d723502a61ca
关于dart - 在Polymer Dart中,如何使用表的1个聚合物元素以及行和单元格的另一个聚合物元素构建CSS表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33247145/