Ecmascript 6 <;th>;作为时隙节点

Ecmascript 6 <;th>;作为时隙节点,ecmascript-6,custom-element,Ecmascript 6,Custom Element,我定义了一个阴影模板,如下所示: <table id="overviewbox-loadingbox"> <thead> <tr> <slot name="table-header"></slot> </tr> </thead> <tbody> <div id="loadingbox"></d

我定义了一个阴影模板,如下所示:

  <table id="overviewbox-loadingbox">
    <thead>
        <tr>
        <slot name="table-header"></slot>
        </tr>
    </thead>
    <tbody>
        <div id="loadingbox"></div>
    </tbody>
  </table>

用户应该通过以下方式提供自己的
s:

  <th slot="table-header" data-column_name="description">describing here</th>
在这里描述
然而,这不起作用。只要我将
更改为
,并且所有其他内容保持不变,就会显示slotted节点。这是因为在一起使用
时存在一些未记录的怪癖吗?谢谢。

允许的孩子数量非常有限。所以你可能无法按照你的方式去做你想做的事情

但是

您可以使用
将它们的CSS设置为:

display: table-row-group;
display: table-header-group;
display: table-footer-group;
display: table-row;
display: table-cell;
display: table-column-group;
display: table-column;
那么就没有孩子的限制了


您还可以使用较新的范例,如

的可能副本,因此问题是
中不允许出现
?那么为什么用
代替
有效呢?如果你用
代替
等,那么你就可以把
放在你的代码中。但是,你必须小心,不要让孩子们的
等进入