Hide gridview on page open

Jan 13, 2011
Reaction score
I am new to this but utilizing your website I found the below code and modified it to work with my page to hide and display a gridview. This programming works fine:

<script type="text/javascript">
function hideGrid()
{document.getElementById("Gridview3").style.display = "none";}

function showGrid()
{document.getElementById("Gridview3").style.display = "block";}

<INPUT Type="button" Value="Show Material List" OnClick="showGrid()">
<INPUT Type="button" Value="Hide Material List" OnClick="hideGrid()">

<div id="Gridview3">
<asp:GridView ID="GridView3" runat="server" AutoGenerateColumns="False"
style="text-align: center; margin-left: 370px;">
<asp:BoundField DataField="ItemID" HeaderText="ItemID" SortExpression="ItemID">
<HeaderStyle Width="50px"></HeaderStyle>
<asp:BoundField DataField="ItemDesc" HeaderText="ItemDesc" SortExpression="ItemDesc">
<HeaderStyle Width="400px"></HeaderStyle>

What I need is to have the gridview hidden when the page opens. If I set the visible property of the gridview to false, I cannot view the page even with the "Show Material List" button created above.


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads