React 实现一行显示 6 个复选框选项的表格布局

可以使用 CSS 的 flex 布局来实现一行显示 6 个复选框选项。具体的实现步骤如下：

1. 给包裹复选框选项的父容器（即 <div className='table-container'>）添加以下 CSS 样式：

.table-container {
  display: flex;
  flex-wrap: wrap;
}

这样设置后，父容器的子元素会自动换行。

2. 给每个复选框选项的容器（即 <div className='table-cell'>）添加以下 CSS 样式：

.table-cell {
  flex: 0 0 16.666%;
  padding: 8px;
  box-sizing: border-box;
}

这样设置后，每个复选框选项的容器会占据父容器的 1/6 宽度，同时设置了 padding 和 box-sizing 属性，以确保布局的整齐和样式的一致。

通过以上步骤，就可以实现一行显示 6 个复选框选项的效果了。