Gridview中的Gridview 100%

时间:2017-03-16 11:13:02

标签: html css asp.net gridview

所以在我的网页上我有3个div,浮动和flex(以及另一个div内),而中间div目前有一个gridview,这里是代码的简化版本

<div style=" width:100%; display:flex; height:inherit" >
            <div style=" flex: 1; float:left; padding: 1em; padding-bottom: 15em; margin-bottom: -15em; ">
            (code...)
            </div>
            <div style="flex: 1; float:left; padding: 1em; border-right:1px solid gray; border-left:1px solid gray; ">    
            <asp:GridView ID="dgvMarcacoes" runat="server" OnRowDataBound = "OnRowDataBound" AutoGenerateSelectButton="True" >
                    <Columns>

                        <asp:BoundField HeaderText="Data" />
                        <asp:BoundField HeaderText="Utente" />
                        <asp:BoundField HeaderText="Nome" />
                        <asp:BoundField HeaderText="Série" />
                        <asp:BoundField HeaderText="Tipo" />
                        <asp:BoundField HeaderText="Estado" />

                    </Columns>    
                    <SelectedRowStyle BorderColor="Black" BorderStyle="Solid" />
            </asp:GridView>    
            </div> 

            <div style=" flex: 1; float:left; padding: 1em; padding-bottom: 15em; margin-bottom: -15em;">
            (code...)
            </div> 
    </div>

我尝试使网格100%宽度但不成功,我尝试在网格代码上添加width=100%,如下所示

<asp:GridView ID="dgvMarcacoes" runat="server" OnRowDataBound = "OnRowDataBound" AutoGenerateSelectButton="True" width=100%>

并添加这样的风格

<asp:GridView ID="dgvMarcacoes" runat="server" OnRowDataBound = "OnRowDataBound" AutoGenerateSelectButton="True" style="width:100%" >

但它保持不变......这里有一张关于atm的图片:pic这里有什么帮助吗? (顺便说一下,我试图拉伸的网格是de middle div(div2)中的那个)谢谢,

编辑:所以我尝试删除其中一个列,看看问题是网格是否太大但是它的相同内容是图片pic

1 个答案:

答案 0 :(得分:0)

我通过从中间div中删除padding: 1em;来解决它