无法调整放置在Fluent ui DataGrid下的Fluent ui下拉组件

Question

我使用本指南创建了一个流畅的 ui 数据网格https://react. Fluentui.dev/?path=/docs/components-datagrid--docs 从该文档中，有一个下拉列表文档，我在数据网格的 onRenderCell 中放置了一个下拉组件：

onRender: () => {
                    return (
                        <Dropdown
                            style={{ width: 10 }}
                            onChange={(data) => {
                                console.log(data);
                            }}
                        >
                            {dropdownOptions.map((option) => (
                                <Option key={option}>{option}</Option>
                            ))}
                        </Dropdown>
                    );
                }

我尝试将大小更改为 10，但这没有任何作用，正如您从图片中看到的那样，下拉组件溢出到下一个网格列中。如何防止下拉组件溢出到下一列？我尝试使用 OverflowX 属性进行样式设置，但没有成功。宽度也不起作用

Answer 1

解决了！ 需要将 onRender 的摩擦放入

截断截断了视图，因此它不会溢出