javascript - 如何调整这个固定的表格标题，使其左对齐而不是居中？

Question

因此，当我滚动时，表格标题是固定的，但它向左对齐而不是居中 - 我不确定将其居中的位置。我已经尝试过 CSS 和 jquery，但没有成功...

我这里有一个全宽示例... https://jsfiddle.net/vladi/vuoe35n7/

现在我想将表格的宽度更改为 660 像素并将其居中。

我将表格的 css 从 98% 更改为 660px，并将边距从 margin: 0 1% 更改为 margin: 0 auto

https://jsfiddle.net/rbla/m605k9ov

似乎无法让克隆的 header 正确排列？

  table {
      border-collapse:collapse;
      /* width: 98%; */
      /* margin: 0 1%; */
      width: 660px;
      margin: 0 auto;
  }

关于如何将这个固定表格标题居中以使其与原始表格相匹配的任何想法？我想知道它是否在 jquery 中

Answer 1

您可以为此找到另一个解决方案 here .查看以“The answers here are outdated”开头的答案，包括以下方法:

left: 50%;
transform: translateX(-50%);

“left: 0, right: 0”方法似乎工作得很好，但我认为这种转换更明显地试图将内容居中，而使用“left:0, right:0”方法我有尝试确信它不会强制它达到 100% 宽度。