首页 > 解决方案 > 将 antd tree-select 下拉框渲染到左侧

问题描述

有谁知道如何将 antd tree-select 的下拉菜单渲染到左侧?

我在页面/屏幕的右边缘有一个树状选择。当下拉菜单打开时,它的一部分呈现在屏幕之外,因为它呈现“向右”

例子

有没有办法让它渲染到有足够屏幕空间的左侧?

标签: javascriptreactjsecmascript-6antd

解决方案


我认为没有一种干净的方法可以做到这一点。但是,如果您可以预测选择和下拉菜单中将包含哪些数据(并且不介意对某些值进行硬编码......),我建议您尝试通过修复它来修复widthant-select使用ant-select-dropdownwidth并通过提供负数来抵消它margin-left(使用)dropdownClassName 的道具<TreeSelect />。您必须测试它在多个浏览器中的兼容性。

使用负边距的示例


推荐阅读