[英]Remove border of pager row from asp.net grid view
在我的網格視圖中,我為所有單元格設置了底部邊框,因為即使是尋呼機行也獲得了此邊框。 我要刪除此邊框。 我嘗試使用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;
}
我正在提供文字修飾:仍然看不到下划線。 邊框也為零像素,仍然可見邊框
這應該工作...
.pager,.pages td {border-bottom:0;}
我相信將應用為PagerStyle
的CssClass
添加到行(tr),因此這會使行為0,並且每個單元格都位於底部。
注意:您可能需要在其中添加!important
,因為您正在CSS的其他區域定義邊框底部,該邊框底部也將應用於尋呼機區域。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.