html - how to fit 3 gridview in a div horizontally with scroll in asp.net -
i have 3 gridview want them fit in 1 div scroll when scroll 3 move. ive done..
<div class="headerleft" style=" width:1299px; height:440px; border:1px solid gray; overflow: auto; "> <div id="div2" style="margin:50px; width:3300px;"> <asp:gridview id="goutlet" emptydatatext="no data available." runat="server" width="1000px" showfooter="true" autogeneratecolumns="false" horizontalalign="left" cssclass="gridview"> </asp:gridview> <asp:gridview id="gtracking" runat="server" emptydatatext="no data available." autogenerateselectbutton="true" autogeneratecolumns="false" horizontalalign=notset width="1000px" showfooter="true" onrowdatabound="gtracking_rowdatabound" onselectedindexchanged="gtracking_selectedindexchanged" cssclass="gridview" > </asp:gridview> <asp:gridview id="gridview1" runat="server" horizontalalign="right" > </asp:gridview> </div> </div>
i tested code sample data , worked correctly. can create 3 equal divs inside 1 div, each gridview.
<div style="width:2100px;"> <div style="width:700px; float:left; height:200px;"> <asp:gridview id="goutlet" emptydatatext="no data available." runat="server" showfooter="true" autogeneratecolumns="false" cssclass="gridview"> </asp:gridview> </div> <div style="width:700px; float:left; height:200px;"> <asp:gridview id="gtracking" runat="server" emptydatatext="no data available." autogenerateselectbutton="true" autogeneratecolumns="false" showfooter="true" onrowdatabound="gtracking_rowdatabound" onselectedindexchanged="gtracking_selectedindexchanged" cssclass="gridview" > </div> <div style="width:700px; float:left; height:200px;"> <asp:gridview id="gridview1" runat="server"> </asp:gridview> </div> </div>
Comments
Post a Comment