Question

在我的网格视图中，我为所有单元格设置了底部边框，因此偶数页面行也会获得此边框。我想删除这个边框。我尝试使用jquery，但可能我的选择器是错误的。我试过警告来检查jquery是否可以找到我的网格视图

alert($("#<%=gvClaimDetails.ClientID%> tr").length);

并且我总是将“0”视为警报，甚至认为网格视图中有数据。

我需要删除寻呼机行的底部边框。

网格css：

table.grid, .grid
{
table-layout: fixed;
border-collapse: collapse;
margin: 5px 0;    
width: 100%;
}


table.grid th, .grid th, .grid th a
{
padding: 5px;
font-size: 18px;
color: #009900; /* background: #ddd;  added */
border-bottom: solid 2px #dddddd;
text-align: left;
background: #FFFFFF;
}

table.grid td, .grid td
{
padding: 7px;
border-bottom: solid 1px #dddddd;
color: #555555;
font-size: 14px; 
 }

 table.grid tr.alternate td, .grid tr.alternate td
 {
padding: 7px;
border-bottom: solid 1px #dddddd;
 }

table.grid tr.selected td, .grid tr.selected td
{
padding: 5px;
border: 1px solid #bbb;
background: #fff;
color: Red;
 }


.pager a
 {
border: 0px solid red;
color: #0067A5;
text-decoration: none;
padding: 2px 5px;
 }

.pager span
 {
border: 0px solid #DBEAFF;
color: #FFFFFF;
padding: 2px 5px;
}


.pager a:hover
{
color: #1E90FF;
}

我正在给文字装饰：我仍然可以看到下面的页码下划线。边框也是零px仍有边框可见

Answer 1

这应该有用......

.pager,.pages td {border-bottom:0;}

我相信将CssClass作为PagerStyle应用添加到行（tr）中，因此这将排在行中，每个单元格都在底部。

注意：您可能需要在其中添加!important，因为您在CSS的其他区域中定义了一个边框底部，也将应用于寻呼机区域。

从asp.net网格视图中删除寻呼机行的边框

1 个答案: