Grid view in asp.net

asp.net gridview css
S.N Name Company D.O.J Roll Place
1 Sandeep Chauhan NormInfotech 23/04/2020 Web Designer Lucknow
2 Sanjay Singh NormInfotech 23/04/2020 Web Designer Varanasi
3 Pankaj Gupta NormInfotech 23/04/2020 Web Designer Delhi
4 Geeta Singh NormInfotech 23/04/2020 Web Designer Kanpur
5 Rakesh Yadav NormInfotech 23/04/2020 Web Designer Azamgarh
6 Ramesh Rai NormInfotech 23/04/2020 Web Designer Faizabad
7 Ramesh Rai NormInfotech 23/04/2020 Web Designer Faizabad
7 Ramesh Rai NormInfotech 23/04/2020 Web Designer Faizabad
8 Ramesh Rai NormInfotech 23/04/2020 Web Designer Faizabad

Hello friends today in this article i will provide you complete responsive grid view css.

Friends here i will provide you comple asp.net grid view css tutorials With Grid view alternet background color code.

Source Code

<style type="text/css">
  .grid th
  {
	  font-family:Verdana, Geneva, sans-serif;
	  background:#2a3065;
	  font-size:14px;
	  color:#fff;
	  border-right:1px solid #1b2150;
  }
  
  .grid td
  {
	  border-right:1px solid #ce6b6b;
	  border-bottom:1px solid #ce6b6b;
  }
  
  td:nth-child(even) {background: #ee7678; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
  td:nth-child(odd) {background: #faabac; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
  
  .grid_responsive
  {
	  width:100%;
	  overflow:auto;
  }
  
</style>

<div class="grid_responsive">
<table class="grid" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
   <th width="7%" height="40" align="center">S.N</th>
   <th width="22%" align="center">Name</th>
   <th width="21%" align="center">Company</th>
   <th width="19%" align="center">D.O.J</th>
   <th width="17%" align="center">Roll</th>
   <th width="14%" align="center">Place</th>
 </tr>
 <tr>
   <td height="30" align="center">1</td>
   <td align="center">Sandeep Chauhan</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Lucknow</td>
 </tr>
 <tr>
   <td height="30" align="center">2</td>
   <td align="center">Sanjay Singh</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Varanasi </td>
 </tr>
 <tr>
   <td height="30" align="center">3</td>
   <td align="center">Pankaj Gupta</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Delhi</td>
 </tr>
 <tr>
   <td height="30" align="center">4</td>
   <td align="center">Geeta Singh</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Kanpur</td>
 </tr>
 <tr>
   <td height="30" align="center">5</td>
   <td align="center">Rakesh Yadav</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Azamgarh</td>
 </tr>
 <tr>
   <td height="30" align="center">6</td>
   <td align="center">Ramesh Rai</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Faizabad</td>
 </tr>
 <tr>
   <td height="30" align="center">7</td>
   <td align="center">Ramesh Rai</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Faizabad</td>
 </tr>
 <tr>
   <td height="30" align="center">7</td>
   <td align="center">Ramesh Rai</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Faizabad</td>
 </tr>
 
 <tr>
   <td height="30" align="center">8</td>
   <td align="center">Ramesh Rai</td>
   <td align="center">NormInfotech</td>
   <td align="center">23/04/2020</td>
   <td align="center">Web Designer</td>
   <td align="center">Faizabad</td>
 </tr>
 
</table>
</div>

Leave a Reply

avatar
  Subscribe  
Notify of