<th> как щелевой узел

Question

Я определил шаблон тени следующим образом:

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

Предполагается, что пользователи должны предоставить свои <th> с чем-то вроде:

  <th slot="table-header" data-column_name="description">describing here</th>

Однако это не 'т работа.Как только я изменю значение <th> на <span>, а все остальное не изменится, появится слот-узел.Это потому, что есть некоторые недокументированные причуды в использовании <th> и <slot> вместе?Спасибо.

Answer 1

<tr> и <tbody> имеют очень ограниченный набор разрешенных детей.Поэтому вы, возможно, не сможете делать то, что пытаетесь сделать, так, как пытаетесь это сделать.

Но ...

Вы можете использовать <div> и <span> ипросто установите их 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;

Тогда нет ограничений для детей.

---

Вы также можете использовать более новые Настраиваемые встроенные элементы парадигма как <td is="my-td"></td>: