在桌子的水平滚动上，我怎么能有粘性，直到到达下一个？

Question

我有一个带水平滚动条的表格。我需要在水平滚动表格时使前两行的数据变粘。 这是第一个表：

滚动时我想要＆＃34; 2016＆＃34;和＆＃34; 12月＆＃34;显示直到我到达＆＃34; 2017＆＃34;和＆＃34; Jan＆＃34;，2017年和1月相同，直到我到达下一个日期。 这是滚动时的图片：

当我到达下一个日期时的照片：

请注意，我不希望数字变粘。 我已经使用scrollToFixed库进行垂直滚动，但我不确定它是否适用于我的情况。 任何提示将不胜感激。

Answer 1

您可以仅使用带有 Environment.GetEnvironmentVariable("myStorageAccount_connstr",EnvironmentVariableTarget.Process); 的 css。

注意：

• 将 position: sticky 放在 .sticky 和文本上，效果如下：
• 如果您不想剪切文本，只需删除 th 上的类粘性即可。

th

.sticky {
  position: sticky;
  left: 0;
}
.table-wrapper {
  max-width: 200px;
  overflow-x: auto;
}
td {
  min-width: 40px;
}
th {
  padding: 0 5px;
  background-color: white;
  text-align: left;
}