引导4网格列中的水平可滚动GridView

Question

我在自己的网站上使用Bootstrap 4；而且我有一个gridview应该在引导行列中。 gridview的宽度应为900px左右-在col-md-7中可水平滚动。

这是我的代码：

<div class="row no-gutters">
    <div class="col-md-7 text-center">
        <table class="w-100 table table-striped table-bordered">
            <tr>
                <th>
                    <h6>Ürün/Hizmet Seçme</h6>
                </th>
            </tr>
            <tr>
                <td class="px-0">
                    <div class="gvWrap table-responsive" style="height: 200px; border: 0px solid Black;">
                            <asp:GridView ID="GridView5" runat="server" AutoGenerateColumns="False" 
                                CssClass="table table-sm table-striped table-bordered table-hover"
                                DataKeyNames="dgID" DataSourceID="SqlDataSource5" 
                                EmptyDataText="Ürün Hizmet Tablosu: Alt Sipariş Seçilmemiş veya seçilen Alt Sipariş'e ait ürün/hizmet stokta yok!!!"
                                OnRowDataBound="GridView5_RowDataBound" OnSelectedIndexChanged="GridView5_SelectedIndexChanged" Width="1900px">
                                <Columns>
                                    //Gridview columns will be here (more than 10 columns
                                </Columns>
                                <HeaderStyle CssClass="thead-light text-center gvFixedHeader" />
                                <SelectedRowStyle CssClass="selected1" />
                            </asp:GridView>

                    </div>
                </td>
            </tr>
        </table>

    </div>
    <div class="col-md-5">
        <table class="w-100 table table-striped table-bordered">
            <tr>
                <th><h6>Seçilen Alt Sipariş için Çıkış İşlemleri</h6></th>
            </tr>
        </table>
    </div>
</div>

我找不到使此Gridview在col-md-7中水平滚动的方法

有人可以向我解释如何将水平滚动条设置为此gridview吗？

非常感谢...