Antd 表格：getPopupContainer 设置后弹窗宽度变小解决方案

在 Antd 表格中，使用'getPopupContainer'属性可以指定弹窗的父元素节点。当你将'getPopupContainer'设置为'triggerNode => triggerNode.parentNode'时，弹窗将作为triggerNode的直接父节点，这可能会导致弹窗的宽度受到限制而变小。

要解决这个问题，你可以为弹窗添加样式来调整其宽度。具体操作如下：

首先，为弹窗添加一个自定义的类名，例如'custom-popup'。
然后，在你的CSS文件中，使用这个类名来设置弹窗的宽度。例如，设置宽度为300px：

.custom-popup {
  width: 300px;
}

最后，在Table组件中，通过'getPopupContainer'属性指定弹窗的父元素节点，并将该属性的值设置为'triggerNode => triggerNode.parentNode'。同时，将'dropdownClassName'属性设置为你定义的自定义类名'custom-popup'。

<Table
  ...
  rowSelection={{
    type: 'checkbox',
    selections: [Table.SELECTION_ALL, Table.SELECTION_INVERT, Table.SELECTION_NONE],
  }}
  getPopupContainer={triggerNode => triggerNode.parentNode}
  dropdownClassName="custom-popup"
/>

通过以上步骤，你可以使用自定义样式来调整弹窗的宽度，以使其符合你的需求。