Position Sticky与表格头

原文章css-tricks.com/position-st…. 本身产品有个需求需要表格自动吸顶，本身用了antd design的scroll实现的，现在使用css实现，效果更好

thead和tr上无法设置styleposition: sticky;, 到那时在th上却可以，这也意味着，其实你可以在一个传统的table上实现吸顶header效果，如果你不清楚吸顶实现的原理，大概实现起来会很棘手吧，使用css总比原先用js去监听事件然后改变position好得多

兼容性

查看兼容性 只要不是ie这种活化石，基本都已经支持了

使用

1. 保证table的position为relative
2. 给每个th加上sticky

例子

.stickyTable {
  :global(table) {
    position: relative;
    :global(th) {
      position: sticky;
      top: 0;
      z-index: 9999;
    }
  }
}