How to prevent asp:FormView from rendering as a table?

Slauma picture Slauma · Mar 9, 2010 · Viewed 11.8k times · Source

I have an asp:FormView with an ItemTemplate. I'd like to design the content within the FormView with some div elements:

<asp:FormView ID="MyFormView" runat="server" >
    <ItemTemplate>
        <div class="block1">
            Stuff...
        </div>
        <div class="block2">
            Stuff...
        </div>

        ...

        <div class="blockN">
            Stuff...
        </div>
    </ItemTemplate>
</asp:FormView>

When I run the application the following HTML is created:

<table id="MyFormView" style="border-collapse: collapse;" border="0" cellspacing="0">
    <tbody>
        <tr>
            <td colspan="2">
                <div class="block1">
                    Stuff...
                </div>
                <div class="block2">
                    Stuff...
                </div>

                ...

                <div class="blockN">
                    Stuff...
                </div>
            </td>
        </tr>
    </tbody>
</table>

Actually the table is somewhat disturbing. I don't know what's the purpose to have an ItemTemplate to freestyle the content but then wrap it into a table.

Is it possible to disable or work around this behaviour? (I couldn't find a flag in the FormView properties.)

Answer

Clover picture Clover · Aug 25, 2010

You can set RenderOuterTable="false" on the FormView