如何修复表格中按行容器截止的下拉菜单

Question

我已在我的表中的angular内为列创建了class Contracts extends React.Component { constructor(props) { super(props); const DEFAULT_NUMBER_ROWS = 30; this.state = { number_rows: DEFAULT_NUMBER_ROWS, // starting default data: props.data .sort((a, b) => this.high_to_low(a, b, "latestVolume")) .slice(0, DEFAULT_NUMBER_ROWS), }; } alterNumberRows = () => { // calculate the new number_rows // I just add one to the previous number_rows for simplicity const number_rows = this.state.number_rows + 1; // use the newly calculated number_rows to slice a new data array const data = this.props.data .sort((a, b) => this.high_to_low(a, b, "latestVolume")) .slice(0, number_rows); this.setState({ number_rows, data, }); } render() { return ( ... ); } } 。我在此单元格模板中添加了一个下拉按钮。但是，由于表中的每一行高度都很短，因此下拉菜单被该行的容器截断了。

我正在尝试将ng-template的按钮移出该行。

我尝试向div中添加一些样式，将overflow设置为overflow，但是它不起作用。我还尝试在下拉菜单中将位置更改为visible。我想我可能以某种方式将其样式错误

absolute

您可以看到其余的选项都被切断了。