0

パネル内にリピーターをラップしています（MVC Asp.netを使用）。スクロールバーが表示されますが、私のテーブルは、パネルを越えてオー​​バーフローするのではなく、パネルの水平サイズに対応するために折り返されているようです。

スクロールバーが表示されていますが、何もしません。

<asp:Panel ID="pnlMultipleBeneficiaries" ScrollBars = "Horizontal" style="overflow:scroll" runat=""server" >
<div class="section" >
       <fieldset>
        <legend class="labels">Added Beneficiaries</legend>

            <asp:Repeater ID="rptMultipleBeneficiaryDetails" runat="server">
                <HeaderTemplate>
                    <table border = 1> 
                    <tr>
                        <td class="labels displayInput_noWidth">First Name</td>
                        <td class="labels displayInput_noWidth">Last Name</td>
                        <td class="labels displayInput_noWidth">Status</td>
                        <td class="labels displayInput_noWidth">Birthday</td>
                        <td class="labels displayInput_noWidth">Parent</td>
                        <td class="labels displayInput_noWidth">Street</td>
                        <td class="labels displayInput_noWidth">City</td>
                        <td class="labels displayInput_noWidth">Province</td>
                        <td class="labels displayInput_noWidth">Postcode</td>
                        <td class="labels displayInput_noWidth">Country</td>
                        <td class="labels displayInput_noWidth">Phone Number</td>
                        <td class="labels displayInput_noWidth">HasReplied</td>
                        <td class="labels displayInput_noWidth">Something Else</td>

                    </tr>                   
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td><%#DataBinder.Eval(Container.DataItem, "BeneficiaryFirstName")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "BeneficiaryLastName")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "BeneficiarySin")%></td>
                        <td><%#DateTime.Parse(DataBinder.Eval(Container.DataItem, "BeneficiaryBirthday").ToString()).ToString("MM/dd/yyyy")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "Parent")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "Street1")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "City")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "ProvinceAbbreviation")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "Postcode")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "CountryDescription")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "HasReplied")%></td>
                        <td><%#DataBinder.Eval(Container.DataItem, "IsGrantApplicationFormReceived")%></td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>         
        </fieldset>
            </div>
   </asp:Panel>

パネルでstyle="overflow：auto"を使用しようとしましたが、何も実行されません。ヘルプ？

4

3 に答える 3

3

パネルの幅を設定していません。したがって、最初にパネルの幅を設定してから、overflow:scrollプロパティを割り当てます。

<asp:Panel ID="pnlMultipleBeneficiaries" ScrollBars = "Horizontal" style="overflow:scroll" runat="server" Width="500px">

このクラスの幅を修正してプロパティ<div class="section">を設定できることを試すことができるもう1つのことoverflow

.section
{
 width:500px;
 overflow-x:auto;
}

基本的に、プロパティのポイントはoverflow、幅を固定し、プロパティを持っている場合に機能parentしoverflowます。

于 2013-03-14T20:31:00.130 に答える
0

Sis、ちょうどに変更overflow:auto; しますoverflow:scroll;

于 2013-03-15T05:30:31.713 に答える