使用 Polymer 的 <core-list> 渲染 table 行

Question

我正在尝试使用 <core-list> 来呈现 table 的行，例如：

<table>
  <tbody>
    <core-list data="...">...</core-list>
  </tbody>
</table>

不幸的是，事情并没有那么简单。 <tbody> 不能包含 <core-list> 元素，所以浏览器会简单地忽略它（或者至少我认为这就是原因）。我认为这是 <core-list> 最明显的用例，但官方文档根本没有提到将它与 table 一起使用，这让我感到非常惊讶。

也许我只是瞎了，但我什么都做不了 google 所以我想知道我是否真的不能以这种方式使用 <core-list> 或者我的方法不是对。

Answer 1

您可以通过将网格属性设置为 true 来为您的 核心列表 使用 网格布局 ，而不是手动定义 table .

Answer 2

似乎唯一的方法就是只使用 <div> 并将它们设置为看起来像 table，因为原始问题中描述的原因。

这适用于 Polymer 0.5，但问题可能与 Polymer 1.0 相同。

Render table rows with Polymer's <core-list>