【asp】asp.net gridview指定某一列滚动-net-gridview

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【asp.net gridview指定某一列滚动】，下面是详细的讲解！

asp.net gridview指定某一列滚动

//基本代码设计
<div id="div-datagrid">
<asp:DataGrid id="DataGrid1" runat="server" CssClass="Grid" UseAccessibleHeader="True">
<AlternatingItemStyle CssClass="GridAltRow"></AlternatingItemStyle>
<ItemStyle CssClass="GridRow"></ItemStyle>
<Columns>
<asp:BoundColumn DataField="Name" HeaderText="Name"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Address" HeaderText="Address"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="City" HeaderText="City"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="State" HeaderText="State"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Zip" HeaderText="Zip"
ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Random Babble"
HeaderText="Random Babble"
ItemStyle-Wrap="False"></asp:BoundColumn>
</Columns>
</asp:DataGrid>
</div>

//可以给一个按钮触发lockCol('');
function lockCol(tblID) {
var table=document.getElementById(tblID);
var button=document.getElementById('toggle');
var cTR=table.getElementsByTagName('tr'); //collection of rows
if (table.rows[0].cells[0].className=='') {
for (i=0; i < cTR.length; i++)
{
var tr=cTR.item(i);
tr.cells[0].className='locked'
}
button.innerText="Unlock First Column";
} else {
for (i=0; i < cTR.length; i++)
{
var tr=cTR.item(i);
tr.cells[0].className=''
}
button.innerText="Lock First Column";
}
}





//css样式代码

div#div-datagrid {
width: 420px;
height: 200px;
overflow: auto;
scrollbar-base-color:#ffeaff;
}

td.locked, th.locked {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;

left: expression(document.getElementById("div-datagrid").scrollLeft-2);
}

th {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;

top: expression(document.getElementById("div-datagrid").scrollTop-2);
z-index: 10;
}

th.locked {z-index: 99;}

.GridRow {font-size: 10pt; color: black; font-family: Arial;
background-color:#ffffff; height:35px;}
.GridAltRow {font-size: 10pt; color: black; font-family: Arial;
background-color:#eeeeee; height:35px;}



///指定那些不动!
Sub Item_Bound(ByVal sender As Object, ByVal e As DataGridItemEventArgs) _
Handles DataGrid1.ItemDataBound
e.Item.Cells(0).CssClass="locked"
//e.Item.Cells(1).CssClass="locked"
End Sub

关于asp.net gridview指定某一列滚动的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细