私のグリッド ビューでは、ページャーの行でさえこの境界線を取得するため、すべてのセルの下境界線を設定しました。この境界線を取り除きたい。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;
}
text-decoration:none を指定していますが、ページ番号の下に下線が表示されます。また、境界線はゼロピクセルですが、まだ境界線が表示されています