grand-parent 溢出时显示日期时间选择器：隐藏
Display Datetime picker when grand-parent has overflow: hidden
让我们从一个例子开始：
https://codesandbox.io/s/ym96l09x3j
如您所见，最后一列正在渲染 DateTime 组件。但是，单击输入不会显示日期选择器。
那是因为 .ReactTable .rt-td class 应用了 "overflow: hidden" 样式。
我搜索了一些解决方案并找到了这个：CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
他们基本上说如果grand parent 有"overflow: hidden"，我们需要将child 的位置设置为absolute。应该正确显示具有绝对位置的 grand-children（在我们的例子中是 DatePicker）。
有人知道如何实现吗？
尝试将此添加到您的 CSS:
.rdt.rdtOpen {
position: absolute;
}
RDT 在单元格获得焦点时添加 class .rdtOpen，否则将其删除，这样就可以解决问题。
让我们从一个例子开始： https://codesandbox.io/s/ym96l09x3j
如您所见，最后一列正在渲染 DateTime 组件。但是，单击输入不会显示日期选择器。
那是因为 .ReactTable .rt-td class 应用了 "overflow: hidden" 样式。
我搜索了一些解决方案并找到了这个：CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container
他们基本上说如果grand parent 有"overflow: hidden"，我们需要将child 的位置设置为absolute。应该正确显示具有绝对位置的 grand-children（在我们的例子中是 DatePicker）。
有人知道如何实现吗？
尝试将此添加到您的 CSS:
.rdt.rdtOpen {
position: absolute;
}
RDT 在单元格获得焦点时添加 class .rdtOpen，否则将其删除，这样就可以解决问题。