Ant Design表格`getPopupContainer`属性导致`rowSelection`宽度变小解决方案

"Ant Design表格getPopupContainer属性导致rowSelection宽度变小解决方案"\n\n当您将getPopupContainer属性设置为{triggerNode => triggerNode.parentNode}时，Ant Design的表格组件会将弹出的下拉框挂载到触发节点的父节点上。这可能会导致下拉框的宽度受到父节点的限制，从而导致rowSelection中的选择框宽度变小。\n\n要解决这个问题，您可以通过以下几种方法来调整选择框的宽度：\n\n1. 设置rowSelection的columnWidth属性，手动调整选择框的宽度。例如：columnWidth: '100px'。\n\n2. 使用CSS样式来调整选择框的宽度。您可以为选择框的父节点添加自定义CSS类，并使用CSS样式来设置宽度。例如：\n\ncss\n.custom-selection {\n width: 100px;\n}\n\n然后在rowSelection的getPopupContainer属性中返回父节点的父节点，即triggerNode.parentNode.parentNode，并为父节点添加该自定义CSS类。例如：\n\njsx\ngetPopupContainer={triggerNode => triggerNode.parentNode.parentNode}\n\n然后在rowSelection的columnWidth属性中设置为'auto'，以使选择框的宽度受到CSS样式的控制。例如：\n\njsx\nrowSelection={{\n type: 'checkbox',\n columnWidth: 'auto',\n getPopupContainer: triggerNode => triggerNode.parentNode.parentNode,\n // ...\n}}\n\n\n通过上述方法，您应该能够调整选择框的宽度，使其符合您的预期。