<div>
This is a gridview in HTML with alternate row colors 
&lt;table width=&quot;70%&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;grid&quot;&gt; 
&nbsp; &lt;tr&gt; 
&nbsp; &nbsp; &lt;th height=&quot;17&quot;&gt;Col1&lt;/th&gt; 
&nbsp; &nbsp; &lt;th height=&quot;17&quot;&gt;Col2&lt;/th&gt; 
&nbsp; &nbsp; &lt;th height=&quot;17&quot;&gt;Col3&lt;/th&gt; 
&nbsp; &nbsp; 
&nbsp; &lt;/tr&gt; &nbsp; 
&nbsp; &lt;tr&gt; 
&nbsp; &nbsp; &lt;td&gt;&lt;a href=&quot;#&quot;&gt;Any Text&lt;/a&gt;&lt;/td&gt; 
&nbsp; &nbsp; &lt;td&gt;Any Text&lt;/td&gt; 
&nbsp; &nbsp; &nbsp;&lt;td&gt;Any Text&lt;/td&gt; 
&nbsp; &lt;/tr&gt; 
&nbsp; 
&nbsp; &lt;tr class=&quot;even&quot;&gt; 
&nbsp; &nbsp; &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt; 
&nbsp; &nbsp; &nbsp;&lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt; 
&nbsp; &nbsp; &nbsp;&lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt; 
&nbsp; &lt;/tr&gt; 
&lt;/table&gt; 
 
And the CSS for the same is : 
table.grid 
{ 
&nbsp; &nbsp; font-family: Arial, Helvetica, sans-serif; 
&nbsp; &nbsp; border: 1px solid #7fb2cc; 
} 
 
table.grid tr 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height: 22px; 
} 
 
table.grid tr.even 
{ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color: #EDF2F9; 
} 
 
table.grid th 
{ 
&nbsp; &nbsp; &nbsp; &nbsp; background-color: #006699; 
&nbsp; &nbsp; &nbsp; &nbsp; font-size: 11px; 
&nbsp; &nbsp; &nbsp; &nbsp; color: #ffffff; 
&nbsp; &nbsp; &nbsp; &nbsp; padding-right: 6px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: left; 
&nbsp; &nbsp; &nbsp; &nbsp; padding-left: 4px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial, Helvetica, sans-serif; 
} 
&nbsp; 
table.grid td 
{ 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;font-size: 11px; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;color: #666666; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding-right: 6px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding-left: 4px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family: Arial, Helvetica, sans-serif; 
} 
 
table.grid td a 
{ 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;font-size:11px; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;color: #336c95; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-decoration: underline; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;height: 22px; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial, Helvetica, sans-serif; 
} 
 
table.grid td Span 
{ 
&nbsp; &nbsp; &nbsp; &nbsp; font-size:11px; 
&nbsp; &nbsp; &nbsp; &nbsp; color: #7f7f7f; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-decoration: none; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: Arial, Helvetica, sans-serif; 
} 
 
Let me know if it solve your purpose..
</div>

<div>
Let me ask u this where should i bind data dynamicaly 
 
&lt;asp:GridView style=&quot;VERTICAL-ALIGN: top; TEXT-ALIGN: center&quot; id=&quot;gv_IndentMast&quot; tabIndex=4 runat=&quot;server&quot; Width=&quot;95%&quot; GridLines=&quot;None&quot; AutoGenerateColumns=&quot;False&quot; AutoGenerateSelectButton=&quot;True&quot; OnSelectedIndexChanged=&quot;gv_indent_SelectedIndexChanged&quot; OnPageIndexChanging=&quot;gv_IndentMast_PageIndexChanging&quot; AllowPaging=&quot;True&quot; BorderStyle=&quot;None&quot;&gt; 
&lt;Columns&gt; 
&lt;asp:BoundField DataField=&quot;Name&quot; HeaderText=&quot;Name&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;Transaction_No&quot; HeaderText=&quot;Transaction No.&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;EDT&quot; HeaderText=&quot;Date of Indent&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;BCard_Quantity&quot; HeaderText=&quot;Qty of Bronze Card&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;SCard_Quantity&quot; HeaderText=&quot;Qty of Silver Card&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;GCard_Quantity&quot; HeaderText=&quot;Qty of Gold Card&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;Status&quot; HeaderText=&quot;Approved Status&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:BoundField DataField=&quot;Total&quot; HeaderText=&quot;Total&quot;&gt; 
&lt;HeaderStyle ForeColor=&quot;DodgerBlue&quot;&gt;&lt;/HeaderStyle&gt; 
&lt;/asp:BoundField&gt; 
&lt;asp:TemplateField Visible=&quot;False&quot;&gt;&lt;ItemTemplate&gt; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;asp:Label ID=&quot;lbl_id&quot; runat=&quot;server&quot; Text='&lt;%#DataBinder.Eval(Container,&quot;DataItem.Id&quot;) %&gt;' 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Visible=&quot;false&quot;&gt;&lt;/asp:Label&gt; 
&lt;/ItemTemplate&gt; 
&lt;/asp:TemplateField&gt; 
&lt;/Columns&gt; 
&lt;/asp:GridView&gt; 
 
 
how to use table for this gridview can u help me out? 
 

</div>

<div>
Specify CssClass=&quot;grid&quot; in asp:GridView and rest it will take all the classes for Column, row, header, span automatically. 
But for tr.even you have to specify class in the alternate which will repeat.
</div>

<div>
You have to specify &lt;Alternate ItemStyle CssClass=&quot;even&quot;&gt;
</div>

<div>
sir can i get more styles on this..plzzzzzzzzzz.. 

</div>

<div>
Yes, you can specify those styles in CSS file by the Tags they are rendered in the Table. 
Does the solution provided above is of help? 
 
Also Let me know the styles you require. 
May be I can be of help.
</div>

<div>
i need gridview styles in the following manner 
&nbsp;its urgent sir plzzzzzzzzzz... 
if there are any new styles also..plzzz send me sirr.. 
<a href="https://filedb.experts-exchange.com/incoming/2009/03_w10/111910/internetexplorer.bmp" target="_blank" class="file-inline" title="gridview style (2.3 MB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>internetexplorer.bmp</a>
</div>

internetexplorer.bmp

<div>
table.grid th 
{ 
&nbsp; &nbsp;background-color: #3b7cc2; 
&nbsp; color: #ffffff; 
} 
 
table.grid td.pagination a /* for links at pagination at top and bottom */ 
{ 
&nbsp; color: #3b7cc2; 
} 
 
&nbsp;table.grid td.pagination /* pagination at top and bottom */ 
{ 
&nbsp; color: #666666;; 
} 
 
table.grid a 
{ 
&nbsp; color: #3b7cc2; 
} 
 
Let me know if this works fine for you.
</div>

<div>
no sir..its not working fine... 
i need some attractive style for gridview.
</div>

<div>
Check if this is fine? 
<a href="https://filedb.experts-exchange.com/incoming/2009/03_w10/111916/grid.gif" target="_blank" class="file-inline" title="Check if this is fine? (9 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>grid.gif</a>
</div>

grid.gif

<div>
ya fine it looks plz send me stylesheet 
</div>

<div>
Sure .. gimme .. I'll paste it ASAP. :)
</div>

<div>
 

<pre><code class="code-10 nolinks" id="code-276478">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Form Page&lt;/title&gt;
&lt;style&gt;
table.grid
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #16538c;
	color: #666666;
}
 
table.grid td
{
	height: 20px;
	padding-left: 3px;
	border-bottom: 1px solid #bbd9ee;
}
 
table.grid th
{
 background-image: url(Images/header-bg.gif);
 background-repeat: repeat-x;
 color: #FFFFFF;
 height: 20px;
 font-size: 14px;
}
 
table.grid td.pagination a /* for links at pagination at top and bottom */
{
 color: #2168a4;
 text-decoration: none;
}
 
 table.grid td.pagination /* pagination at top and bottom */
{
 color: #666666;
 text-align: center;
}
 
table.grid tr.table_heading
{
	background-color: #3b7cc2;
	color: #ffffff;
	padding-left: 3px;
}
 
table.grid a
{
 color: #3b7cc2;
}
 
table.grid tr.even
{	
	background-color: #ecf6ff;
}
&lt;/style&gt;
&lt;/head&gt;
 
&lt;body&gt;
&lt;table width=&quot;70%&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;grid&quot;&gt;
 &lt;tr&gt;
 &lt;th colspan=&quot;3&quot;&gt;List of Posted Job Details&lt;/th&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td colspan=&quot;3&quot; class=&quot;pagination&quot;&gt;1 &lt;a href=&quot;#&quot;&gt;2&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;3&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;4&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;5&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;6&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;7&lt;/a&gt; &lt;a href=&quot;#&quot;&gt;8&lt;/a&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr class=&quot;table_heading&quot;&gt;
 &lt;td width=&quot;35%&quot; &gt;Col1&lt;/td&gt;
 &lt;td&gt;Col2&lt;/td&gt;
 &lt;td&gt;Col3&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td class=&quot;content&quot;&gt;&lt;a href=&quot;#&quot;&gt;Any Link&lt;/a&gt;&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;/tr&gt;
 
 &lt;tr class=&quot;even&quot;&gt;
 &lt;td class=&quot;content&quot;&gt;&lt;a href=&quot;#&quot;&gt;Any Link&lt;/a&gt;&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;/tr&gt;
 
 &lt;tr&gt;
 &lt;td class=&quot;content&quot;&gt;&lt;a href=&quot;#&quot;&gt;Any Link&lt;/a&gt;&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;td class=&quot;content&quot;&gt;Any Text&lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
 
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<a href="https://filedb.experts-exchange.com/incoming/2009/03_w12/117604/header-bg.gif" target="_blank" class="file-inline" title="Header Background Image (828 bytes)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>header-bg.gif</a>
</div>

header-bg.gif

<div>
<div class="content wysiwyg-content">
Hi sir, 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;I want New grid styles css........Please give gridview style sheets and sites also
</div>
</div>

Hi sir,
               I want New grid styles css........Please give gridview style sheets and sites also

Grid View Styles

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications