jquery - bootstrap set asp grid width based on media -
i have web page has several bootstrap rows , 1 of rows contains asp.net grid.
need grid width not shrink below 800px , add horizontal scroll bar if client view shrinks below 800px.
example following clients use 400px width , auto scroll grid.
<div style="overflow-x:auto;width:400px;overflow:scroll"> <asp:gridview id="gridview1" runat="server" width="1280px"> <%-- grid stuff here --%> </asp:gridview> </div>
i way of not hard coding width of div 400px.
edit
using bootstrap following example.
<div class="container-fluid"> <div class="row" id="testgrid" style="overflow-x:auto;width:400px;"> <div class="col-lg-12 col-xs-12"> <asp:gridview id="gridview1" runat="server" width="1280px"> <%-- grid stuff here --%> </asp:gridview> </div> </div> </div>
is there in bootstrap can use help?
using bootstrap correctly placing grid in column?
a media query should trick. use selector on row , target based on clients view size. hope helps.
Comments
Post a Comment