Scroll 将表格水平滚动条附加到父容器（sapui5）

我有一个sap.ui.table组件，它被包装在sap.ui.layout.VerticalLayout中。问题是，如果表格列被重新调整大小（放大），表格将得到一个水平滚动条。到目前为止还不错，但是，我的问题是，如果有任何方法可以将表水平滚动条放置在父容器上（在VerticalLayout组件上也是如此），这样用户就不需要一直向下滚动行来访问水平滚动条

我已经尝试将垂直布局组件宽度设置为“自动”，这将使我获得所需的行为，但在这种情况下，表格将无法扩展到页面的100%（它在chrome tho上运行良好，在IE上出现自动时无法达到100%的问题（在我的例子中是IE11））。因此，基本上，我需要将父级的宽度设置为100%，以便表格和容器扩展到页面的右边距，但是如果需要水平滚动条，我需要显示在容器上，而不是表格上

我

真的没有主意了，所以任何帮助、提示都会很好，谢谢

更新：我添加了一个复制页面结构和我的问题的。

---

我必须补充一点，问题只存在于IE中（我使用IE11）。

如果有其他人面临此问题，我发现以下解决方案：

1） 在创建包装容器时，将宽度设置为100%，这样，表在所有浏览器上都将扩展为100%

2） 在表上附加columnResize函数，如下所示：

columnResize: function(e){
    applyScrollOnContainer();
}

3） 在

applyScrollOnContainer（）

上，只需将容器的宽度更改为“自动”，即可将表格滚动条放置在容器上

sap.ui.getCore().getElementById("yourContainerIdHere").setWidth("auto");

var scrollDisplay = $("#tableIdhere .sapUiTableHSb").css("display");


if(scrollDisplay === "block"){
    sap.ui.getCore().getElementById("ORDERS_VIEW_FIRST_TABLE").setWidth("auto");
}
else{
    sap.ui.getCore().getElementById("ORDERS_VIEW_FIRST_TABLE").setWidth("100%");
}

4） 您还可以在

document.load

上添加检查。如果显示表格滚动条，请再次将其连接到容器

sap.ui.getCore().getElementById("yourContainerIdHere").setWidth("auto");

var scrollDisplay = $("#tableIdhere .sapUiTableHSb").css("display");


if(scrollDisplay === "block"){
    sap.ui.getCore().getElementById("ORDERS_VIEW_FIRST_TABLE").setWidth("auto");
}
else{
    sap.ui.getCore().getElementById("ORDERS_VIEW_FIRST_TABLE").setWidth("100%");
}

---

使用垂直容器内的面板，然后将桌子放在上面。@SrikanthKshatriy您好，谢谢您的提示。我试过那种解决办法，但问题仍然存在。