单元格颜色渐变的GridView

我就是我 2021-11-11 23:30 823阅读 0赞

**代码如下:** 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>单元格颜色渐变的GridView</title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css">  </style> </head> <body> <table cellspacing="0" cellpadding="3" rules="rows" border="1" id="GridView1" style="background-color:White;border-color:\#CCDDEF;border-width:1px;border-style:None;border-collapse:collapse;"> <tr style="color:Black;background-color:\#A5A8C2;font-weight:bold;white-space:nowrap;"> <th scope="col">Operation</th><th scope="col"><a href="javascript:\_\_doPostBack('GridView1','Sort$GroupId')" style="color:Black;">Group ID</a></th><th scope="col"><a href="javascript:\_\_doPostBack('GridView1','Sort$Name')" style="color:Black;">Group Name</a></th><th scope="col"><a href="javascript:\_\_doPostBack('GridView1','Sort$Description')" style="color:Black;">Comment</a></th> </tr><tr class="styletable"> <td> <a id="GridView1\_ctl02\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl02$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=1" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=1&GroupName=CompanyAdmin" title="Relation">Relation</a> </td><td>1</td><td>CompanyAdmin</td><td>Common Users</td> </tr><tr class="styletable" style="background-color:\#F5F5F8;"> <td> <a id="GridView1\_ctl03\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl03$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=2" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=2&GroupName=Users" title="Relation">Relation</a> </td><td>2</td><td>Users</td><td>Company Administrator</td> </tr><tr class="styletable"> <td> <a id="GridView1\_ctl04\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl04$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=3" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=3&GroupName=1" title="Relation">Relation</a> </td><td>3</td><td>1</td><td>1</td> </tr><tr class="styletable" style="background-color:\#F5F5F8;"> <td> <a id="GridView1\_ctl05\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl05$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=4" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=4&GroupName=2" title="Relation">Relation</a> </td><td>4</td><td>2</td><td>&nbsp;</td> </tr><tr class="styletable"> <td> <a id="GridView1\_ctl06\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl06$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=5" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=5&GroupName=3" title="Relation">Relation</a> </td><td>5</td><td>3</td><td>&nbsp;</td> </tr><tr class="styletable" style="background-color:\#F5F5F8;"> <td> <a id="GridView1\_ctl07\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl07$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=6" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=6&GroupName=6" title="Relation">Relation</a> </td><td>6</td><td>6</td><td>&nbsp;</td> </tr><tr class="styletable"> <td> <a id="GridView1\_ctl08\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl08$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=7" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=7&GroupName=4" title="Relation">Relation</a> </td><td>7</td><td>4</td><td>&nbsp;</td> </tr><tr class="styletable" style="background-color:\#F5F5F8;"> <td> <a id="GridView1\_ctl09\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl09$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=8" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=8&GroupName=5" title="Relation">Relation</a> </td><td>8</td><td>5</td><td>&nbsp;</td> </tr><tr class="styletable"> <td> <a id="GridView1\_ctl10\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl10$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=9" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=9&GroupName=7" title="Relation">Relation</a> </td><td>9</td><td>7</td><td>&nbsp;</td> </tr><tr class="styletable" style="background-color:\#F5F5F8;"> <td> <a id="GridView1\_ctl11\_btnEdit" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl11$btnEdit','')">Edit</a> | <a class="blacktable" οnclick="javascript:return confirm('Are you sure to delete the group?');" href="?Act=Del&GroupID=10" title="Delete">Delete</a> | <a class="blacktable" href="Admin\_GroupRelation.aspx?GroupID=10&GroupName=8" title="Relation">Relation</a> </td><td>10</td><td>8</td><td>&nbsp;</td> </tr><tr> <td colspan="4"> Total:11 Item(s) Page:2/1 Each Page 10 Item(s) <a id="GridView1\_ctl13\_First" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl13$First','')">\[First\]</a> <a id="GridView1\_ctl13\_Prev" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl13$Prev','')">\[Prev\]</a> <a id="GridView1\_ctl13\_Next" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl13$Next','')">\[Next\]</a> <a id="GridView1\_ctl13\_Last" class="blacktable" href="javascript:\_\_doPostBack('GridView1$ctl13$Last','')">\[Last\]</a> Goto Page <input id="GoToPage" name="GoToPage" style="height:10px;width:30px;font-size:smaller; font-weight: bold; color: red; text-align: center" class="page" value="1" maxlength="9" /> <input type="submit" name="GridView1$ctl13$Go" value=" Go " id="GridView1\_ctl13\_Go" class="go" /> </td> </tr> </table> </body> </html> 
\[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码\]

转载于:https://www.cnblogs.com/Dicky/archive/2006/12/30/607988.html