将antd树选择下拉菜单渲染到左侧

时间:2019-02-18 11:20:03

标签: javascript reactjs ecmascript-6 antd

有人知道如何在左侧绘制一个蚂蚁树选择的下拉菜单吗?

我在页面/屏幕的右侧有一个树形选择。下拉菜单打开时,部分内容会渲染到屏幕外部,因为它会“向右”渲染

Example

是否可以将其渲染到屏幕空间足够大的左侧?

1 个答案:

答案 0 :(得分:1)

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

example of using negative margin