SAPUI5 - 响应sap.m.Table

Question

我使用标题headerToolbar创建了一个sap.m.table。

在标题中，我将标题和两个SelectList分隔为ToolbarSpacer。

问题是当屏幕尺寸很小时，headerToolbar上的元素不会返回到下一行并被截断...

在大屏幕上：

在小屏幕上：

byte order mark

我希望标题具有响应性，即如果没有足够的空间，元素应该转到下一行。

以下是代码：

        'viewing data
        If Not con.State = ConnectionState.Open Then
            'open connection

            con.Open()

        End If

        Dim da As New OleDb.OleDbDataAdapter("select * DATE(updated_at) AS updated_date from approvedmasterlist where remarks in ('Approved') and ORDER BY DATE(updated_at) DESC ", con)

        Dim dt As New DataTable
        'fill data to datatable
        da.Fill(dt)

        'offer data in data table into datagridview
        DataGridView1.DataSource = (dt)

        'close connection
        con.Close()

Answer 1

您可以在css中启用水平表滚动：

.enableTableScrolling {
    overflow-x: scroll;
} 

在该表之后不会被截断。

Answer 2

为什么不使用OverflowToolbar而不是工具栏？ 是官方响应工具栏 https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.OverflowToolbarFooter/preview

如果你不喜欢它并想要你所描述的这种“弹出式”行为，我猜你可以在工具栏中放置一个FlexBox，并根据“设备”模型设置方向属性。 使用表达式绑定将是这样的：

new sap.m.FlexBox({
    direction: "{= ${device>/isPhone} ? 'Column' : 'Row' }",
    items: [
        //Your content goes here            
    ]
})

更多信息：https://sapui5.hana.ondemand.com/#docs/guide/69a8e469fbde46e7b8916250080effbd.html