Javascript 为什么表格列表中有缩进？

我在React Redux应用程序中将Api数据作为表格列表输出到页面。

应该是这样的：

但我是这样理解的：

忽略不同的颜色。问题是我的灰线断了。我不需要缩进。另外，线条也应该达到白色容器宽度的末端。有什么问题吗？如何修复它

js（在页面上显示数据的组件）：

---

对表格使用{边框间距：0px}

试一试

table {
  border: 0px
  border-collapse: separate;
  border-spacing: 0px;
}

---

请参见

Thunks，为什么白色在状态右侧1厘米处？请尝试表格{宽度：100%；}-我认为问题在于此。tableContainer的宽度为800px，而且表格并没有完全填满它！Thunks，为什么白色在身份右边1厘米处？

/*Table*/
.tableContainer{
    background: white;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

table td,table th {
  padding: 15px;
  margin: 0;
  font-size: 18px;

}
th {
    color: grey;
}

.tableContainer tr:nth-child(even) {
  background-color: grey;
  padding-right: 0;
}

table {
  border: 0px
  border-collapse: separate;
  border-spacing: 0px;
}