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

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -