如何给Datagrid加上滚动条，给源码送100分

[HBJMSHOP]

--

[SnApnet]

<DIV style="BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #669900; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #669900; OVERFLOW: auto; WIDTH: 100%; BORDER-TOP-COLOR: #669900; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #669900; BORDER-TOP-WIDH: 1px">
<asp:datagrid id="DataGrid1" runat="server" CellPadding="3" AutoGenerateColumns="False" Width="600">
<asp:BoundColumn DataField="CreateTime" HeaderText="时间" DataFormatString="{0:d}">
<ItemStyle Height="26px" Width="121"></ItemStyle>
</asp:BoundColumn>
</asp:datagrid>
<DIV>

[warfen]

靠！没那么复杂吧。其实很简单啊。加一个<div>或者<span>都可以，例如：
<div style="overflow:auto;width:100%;height:100%"><asp:datagrid ...></asp:datagrid></div>
注意sylte="over-flow:auto"这个控制内容大于宽度或者高度的时候出现滚动条，如果只显示x轴方向为over-flow:x;y轴为over-flow:y

[owenbeckham]

<div style="overflow:auto;width:100%;height:100%"><asp:datagrid ...></asp:datagrid></div>

[HBJMSHOP]

加上---<div style="overflow:auto;width:100%;height:100%">后滚动条是出现了，
可是我的表头如何固定呢？？？？？？

不好意思，第一次没有把问题没说清楚

[swordragon]

关于表头的固定，实现起来有点难度！！！

有一个最土的办法，使用两个DataGrid，上面的只显示表头，下面的只显示内容。

[warfen]

表头用一个固定的表格搞好，然后在下面放datagrid，把列宽度属性设置好，表头不显示。

[xjtandqt]

up

[wendy_fw]

SnApnet(什么都不知道)的代碼值得研究.
頂一下.

[xiaowangtian1117]

[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）:
1.用Css来定制DataGrid表头HeaderStyle的cssclass属性

.fixTitle
{
/*background: navy;
color: white;*/
position: relative;
top: expression(this.offsetParent.scrollTop);
}



1 <DIV style="Z-INDEX: 102; LEFT: 264px; OVERFLOW: auto; WIDTH: 184px;TOP: 128px; HEIGHT: 216px"
2 ms_positioning="GridLayout">
3 <asp:DataGrid id="DataGrid1" style="Z-INDEX: 103;" runat="server" BorderColor="#DEBA84" BorderStyle="None"
4 BorderWidth="1px" BackColor="#DEBA84" CellPadding="0">
5 <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#738A9C"></SelectedItemStyle>
6 <ItemStyle ForeColor="#8C4510" BackColor="#FFF7E7"></ItemStyle>
7 <HeaderStyle Font-Bold="True" ForeColor="White" CssClass="fixTitle" BackColor="#A55129"></HeaderStyle>
8 <FooterStyle ForeColor="#8C4510" BackColor="#F7DFB5"></FooterStyle>
9 <PagerStyle HorizontalAlign="Center" ForeColor="#8C4510" Mode="NumericPages"></PagerStyle>
10 </asp:DataGrid></DIV>

注意DataGrid的position不能是绝对位置！

[xwqjamky]

学习

[liuqinglq]

加上---<div style="overflow:auto;width:100%;height:100%">后滚动条是出现了，
可是我的表头如何固定呢？？？？？？

不好意思，第一次没有把问题没说清楚
------------------------------------------------------------------------------

关于表头的固定，实现起来有点难度！！！

有一个最土的办法，使用两个DataGrid，上面的只显示表头，下面的只显示内容。
-------------------------------------------------------------------------------

为什么要俩DataGrid

把表头单独分出来就好了，不管是用div也好，用table也好，自己做一个表头是非常简单的。

[cw888]

<DIV
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; LEFT: 208px; OVERFLOW: auto; BORDER-LEFT: white 1px solid; WIDTH: 790px; BORDER-BOTTOM: white 1px solid; POSITION: absolute; TOP: 265px; HEIGHT: 270px; BorderColor: #000000">
<asp:datagrid id=DataGrid1 BackColor="#C0C0FF" Height="226px" runat="server" BorderStyle="None" AutoGenerateColumns="False" CellSpacing="1" EnableViewState="False" CssClass="GOGG02-dg1" font-size="14px">
<alternatingitemstyle borderstyle="Groove" backcolor="Thistle">
</AlternatingItemStyle>

<headerstyle height="20px" forecolor="#404040" bordercolor="#A888FF" cssclass="GOGG02-FixedHeader" backcolor="#A888FF">
</HeaderStyle>

<footerstyle font-size="Small">
</FooterStyle>

<columns>
<asp:TemplateColumn HeaderText="select">
<itemtemplate>
<asp:CheckBox ID="myCheckbox" Runat="server" />

</ItemTemplate>
</asp:TemplateColumn>
<asp:BoundColumn DataField="Label11" HeaderText="Column1"></asp:BoundColumn>
<asp:BoundColumn DataField="Label12" HeaderText="Column2"></asp:BoundColumn>
<asp:BoundColumn DataField="Label13" HeaderText="Column3"></asp:BoundColumn>
<asp:BoundColumn DataField="Label14" HeaderText="Column4"></asp:BoundColumn>
<
</Columns>

<pagerstyle forecolor="Green">
</PagerStyle>
</asp:datagrid></DIV>
<DIV>

[cw888]

.GOGG02-FixedHeader
{
position:relative;
top: expression(this.offsetParent.scrollTop-2);

}

[xiaojiao52]

历害啊，学习中。。。

[swordragon]

那你就使用cw888的方法吧，测试过的。

[eightdou]

这个滚动条是加在下面的还是加在右边的

[baobei7758]

如何在DataGrid里面产生滚动条而不滚动题头
http://dev.csdn.net/develop/article/25/25538.shtm


创建固定表头、表格体滚动的DataGrid
http://dev.csdn.net/develop/article/18/18972.shtm

[cw888]

这个滚动条如是记录数长了就自动加在下面，如水平列宽了自动加在右边

[njuzgj]

把DataGrid放到一个DIV

[HBJMSHOP]

CW888敌却是高人，算你狠！！80分