gpt4 book ai didi

c# - 用颜色填充 gridview asp.net 单元格的背景仅占单元格高度的 10%?

转载 作者:行者123 更新时间:2023-11-28 17:27:17 25 4
gpt4 key购买 nike

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

enter image description here

我正在尝试单击一个单元格(以启动一个元素),而我单击的单元格将自动成为开始日期。它应该列出元素名称,然后我想用绿色 bg 颜色突出显示单元格的顶部,以指示它是元素“x”的开始。

我开始思考,我不同意单元格被完全填满的想法,因为它可能会让人难以阅读,而且只有 10% 的单元格看起来更整洁。

最佳答案

如果您在此 View 中使用表格并希望在整行中着色,请尝试此操作。

我在表格行中添加了一个事件类,并设置了该事件类 tds 边框顶部颜色的样式。

如果您只想应用于特定的单元格,请点击,请告知。

<!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>

关于c# - 用颜色填充 gridview asp.net 单元格的背景仅占单元格高度的 10%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26922848/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com