小编hye*_*min的帖子

我正在使用lit-element开发自定义元素。我想制作自己的自定义表格元素，但有一些问题。

第一的。浏览器似乎只允许tr标签。tdtable

<!-- in html -->
<my-table>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
</my-table>

<!-- chrome rendered -->
<my-table> A B </my-table>

第二。它可以模仿CSS，但CSS无法实现colspan。

<my-table> <!-- display: table -->
  <my-tr> <!-- display: table-row -->
    <my-td>A</my-td> <!-- display: table-cell -->
    <my-td colspan="3">B</my-td> <!-- There is no way to implement colspan -->
  </my-tr>
</my-table>

第三。我尝试在主机上使用“显示：内容”进行样式设置。这似乎有效，但主机没有像clientHeight.

class MyTd extends LitElement {
  render() {
    return html`
      <style>
        :host { display: content; }
        td {
          all: inherit; /* It make …