Javascript 渲染antd树选择下拉列表到左侧

有人知道如何将antd tree select的下拉列表渲染到左侧吗

我在页面/屏幕的右边缘有一个选择树。当下拉列表打开时，部分内容会在屏幕外渲染，因为它会向右渲染

---

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

我认为没有干净的方法可以做到这一点。但是，如果您可以预测选择和下拉列表中的数据，并且不介意硬编码一些值…，我建议您尝试在ant select上固定宽度，并通过固定其宽度来使用ant select下拉列表，通过使用dropdownClassName提供负边距来抵消它。您必须测试它在多个浏览器中的兼容性

---

您可以通过覆盖.ant-select-tree-li span.ant-select-tree-switcher样式的宽度属性来执行此操作。然而，你为什么还想这么做？显然，它是一个多层次列表，所以它应该是这样的。为什么不把整个列表移到左边呢？谢谢你的建议。在这一行之前，我还有很多其他组件，所以没有空间向左移动。下拉列表将临时渲染其他组件，因此左侧有足够的空间。不过，我现在确实通过重新安排组件来解决这个问题。我有另一个下拉列表，上面有一个简短的值列表，不需要太多空间，所以我把它放在了这行的末尾。谢谢，尽管我已经找到了解决这个问题的方法，我还是会接受你的答案，因为它可能会对其他人有所帮助。非常感谢您的反馈。