Question

我正在制作一个ASP.net/C#自定义项目规划Web应用程序。它看起来像这样：

！[ss]：http://i59.tinypic.com/sxj23b.jpg

所以我试图点击一个单元格（开始一个项目），我点击的单元格将自动成为开始日期。它应列出项目名称，然后我想用绿色bg颜色突出显示单元格的顶部，以指示项目“x”的开始。

我开始思考，我不知道细胞是否被完全填满，因为它可能使它难以阅读，并且看起来更整洁，只有10％的细胞。

Answer 1

如果你在这个视图中使用表格并想要整行着色而不是请尝试这个。

我已将一个活动类添加到表行，并将该活动类设置为顶部颜色。

如果您只想点击特定的单元格，请通知。

＆＃13;

<!DOCTYPE html>
<html>
<body>
<style>
td {
border: 1px solid #d4d4d4;
padding: 5px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
}
.border_fill td{border-top: 7px solid #CFCFD2;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function(){
	 $('.table_class tr').click( function() {
 		$('.table_class tr').removeClass('border_fill');	
        $(this).addClass('border_fill');

	});
});
</script>
<table style="width:100%" class="table_class">
  <tr>
    <td>Jill</td>
    <td>Smith</td>		
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>		
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>		
    <td>80</td>
  </tr>
</table>

</body>
</html>

＆＃13;

填充gridview asp.net单元格的背景，颜色只有10％的单元格高度？

1 个答案: