Горизонтальная прокрутка адаптивной таблицы начальной загрузки всегда видна - PullRequest
Новая
       8

Горизонтальная прокрутка адаптивной таблицы начальной загрузки всегда видна

0 голосов
/ 25 мая 2018

Я использую адаптивные таблицы начальной загрузки в веб-приложении .net для отображения информации.Всякий раз, когда возвращается большое количество информации, в нижней части страницы появляется горизонтальная полоса прокрутки.В результате пользователь должен прокрутить до конца, чтобы получить доступ к горизонтальной полосе прокрутки, чтобы просмотреть информацию, которая в данный момент не отображается на экране.Я хотел бы, чтобы горизонтальная полоса прокрутки была видна постоянно.Я пытался добавить «Position: absolute» в тег div таблицы, но это, похоже, мешает адаптивному форматированию.Есть ли способ всегда отображать горизонтальную полосу прокрутки при использовании адаптивных таблиц? 

<div id="divGridResults" style="overflow-x: scroll;" runat="server">
        <div class="table-responsive;text-center; ">
            <asp:GridView ID="gvEmployee" runat="server" Width="100%" AutoGenerateColumns="False"
                ClientIDMode="Static" CssClass="table table-striped table-hover table-condensed "
                AllowSorting="True" PagerStyle-CssClass="bs-pagination">
                <Columns>
                    <asp:BoundField DataField="Emp_ID" HeaderText="ID" SortExpression="EMP_ID" />                  
                    <asp:BoundField DataField="First_Name" HeaderText="First Name" SortExpression="First_Name" />
                    <asp:BoundField DataField="Last_Name" HeaderText="Last Name" SortExpression="Last_Name" />
                    <asp:BoundField DataField="Manager" HeaderText="Manager" SortExpression="Manager" />
                    <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="Status" />
                    <asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address" />
                    <asp:BoundField DataField="City" HeaderText="City" SortExpression="City" />
                    <asp:BoundField DataField="State" HeaderText="State" SortExpression="State" />
                    <asp:BoundField DataField="Zip" HeaderText="Zip" SortExpression="Zip" />
                    <asp:BoundField DataField="Phone" HeaderText="Phone" SortExpression="Phone" />
                    <asp:BoundField DataField="Dept" HeaderText="Department" SortExpression="Dept" />
                </Columns>
                <PagerSettings NextPageText="Next" PreviousPageText="Back" Mode="NumericFirstLast    " />
                <PagerStyle CssClass="bs-pagination" />
            </asp:GridView>
        </div>
    </div>

1 Ответ

0 голосов
/ 02 августа 2018

Перезаписать реагирующую на таблицу css 

.table-responsive{
    overflow-x: auto !important;
}
...