Question

我将如何设置一个HTML表以使用粘性标头并设置stickyHeaderOffsetY选项。

示例 https://bootstrap-table.com/docs/extensions/sticky-header/都假设您使用的是JavaScript来填充表格，而我找不到任何有关如何以其他方式设置选项的文档。

据我所知：

<table
    data-toggle="table"
    data-search="true"
    data-sticky-header="true"
    data-sortable="true"
    data-show-columns="true"
    class="table table-striped table-hover table-condensed">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
</table>

Answer 1

抱歉，我无法发表评论，但是您可以尝试吗？

<table
  data-sticky-header="true"
  data-sticky-header-offset-y="60"
></table>

html数据表如何使用粘性标头扩展？

1 个答案: