datagrid 没有这个功能,datagrid生成的表格和普通的表格一样,自己写个。
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(function(){ $("table tr td").click(function(){ $("table tr td").css("background-color","#666");//每次点击前把所有单元格变回初始颜色 var ind=$(this).index();//定位单元格在一行中的相对位置 $("table tr").each(function(k,v){//遍历所有行 $("td",v).eq(ind).css("background-color","#ECE9D8");//把每行的同一位置变色 }); }); }) </script> <style> table tr td{ border: 1px solid red; background-color:#666; } </style> </head> <body> <table cellpadding="0" cellspacing="0"> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> <tr><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td><td>A</td><td>20</td></tr> </table> </body> </html>
87,907
社区成员
224,614
社区内容
加载中
试试用AI创作助手写篇文章吧