惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hacker News: Ask HN
Hacker News: Ask HN
WordPress大学
WordPress大学
H
Help Net Security
小众软件
小众软件
N
Netflix TechBlog - Medium
C
Check Point Blog
量子位
Last Week in AI
Last Week in AI
GbyAI
GbyAI
Martin Fowler
Martin Fowler
M
MIT News - Artificial intelligence
博客园 - 聂微东
Engineering at Meta
Engineering at Meta
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
J
Java Code Geeks
D
DataBreaches.Net
Project Zero
Project Zero
P
Proofpoint News Feed
T
Threat Research - Cisco Blogs
Security Latest
Security Latest
Cisco Talos Blog
Cisco Talos Blog
Recorded Future
Recorded Future
I
Intezer
L
Lohrmann on Cybersecurity
Cyberwarzone
Cyberwarzone
博客园_首页
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LangChain Blog
P
Palo Alto Networks Blog
V
V2EX
D
Darknet – Hacking Tools, Hacker News & Cyber Security
T
The Exploit Database - CXSecurity.com
The Hacker News
The Hacker News
Blog — PlanetScale
Blog — PlanetScale
G
GRAHAM CLULEY
T
The Blog of Author Tim Ferriss
C
Cisco Blogs
The Register - Security
The Register - Security
L
LINUX DO - 热门话题
P
Privacy & Cybersecurity Law Blog
Scott Helme
Scott Helme
F
Full Disclosure
博客园 - 司徒正美
Recent Announcements
Recent Announcements
IT之家
IT之家
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Attack and Defense Labs
Attack and Defense Labs
Cloudbric
Cloudbric
Help Net Security
Help Net Security
The Last Watchdog
The Last Watchdog

博客园 - lrary

JavaScript经典技巧 - lrary - 博客园 动态添加ASP.NET控件并绑定处理事件一例 - lrary - 博客园 脚本收藏 - lrary - 博客园 一些sql语句的详细解释[转] 特殊的DataGrid的绑定 - lrary - 博客园 检验密码强度的JS类 - lrary - 博客园 数据库设计规范 V2.0 SQL语句特---殊统计(1) DataGrid 多行 DataGrid怎么产生一个分类的题头 AJAX 在.net的应用 sql怎么使用外连接 Asp.NET程序中常用的三十三种代码 检测含有中文字符串的实际长度 根据区位得到汉字拼音首字母(c#) 认识ASP.NET配置文件Web.config Asp.net(C#)实现验证码功能 给Repeater、Datalist和Datagrid增加自动编号列 查找和统计页面上控件
纯脚本搞掂DataGrid表表头不动,表身滚动。(转摘) - lrary - 博客园
lrary · 2006-05-16 · via 博客园 - lrary

纯脚本搞掂DataGrid表表头不动,表身滚动。(转摘)

纯脚本搞掂DataGrid表表头不动,表身滚动。

先看效果:

孟子以前也做过这事,不过他的方法前台后台都要弄,还是VB的(^-^),好像也不支持像我的自动生成列的DataGrid,所以还是自己动手,纯脚本搞掂,其实很简单,就几行:

  function ScrollDataGrid() 
        

            
var tb = document.getElementById("tbHeader"); 
            
var dg = document.getElementById("dgSearchResult"); 
             
            
if(dg!= null
            
{     
                
var dv = document.getElementById("dvBody"); 
                
var th = dg.rows[0]; 
                
for(var i = 0 ; i < th.cells.length;i++
                    th.cells[i].width 
= th.cells[i].clientWidth; 
                
var tr = th.cloneNode(true); 
                 
                
//tr.applyElement(tb); 
                tb.createTHead(); 
                
var tbh = tb.tHead; 
                tbh.appendChild(tr); 
                tr 
= tbh.rows[0]; 
                
var td = tr.insertCell(); 
                td.style.width 
= 19
                td.width 
= 19
                td.innerHTML 
= tr.cells[0].innerHTML; 
                th.style.display 
= 'none'; 
                
if(dg.scrollHeight < 300 ) 
                    dv.style.height 
= dg.scrollHeight * 1 + 2
                 
                 
            }
 

 

<table width="100%" border="0" id="tbHeader" cellpadding="4" cellspacing="0"> 
                                        
</table> 
                                        
<div style="OVERFLOW-Y: scroll; HEIGHT: 300px" id="dvBody"> 
                                            
<asp:datagrid id="dgSearchResult" style="BORDER-COLLAPSE: collapse" runat="server" Width="100%" CellPadding="4" DataKeyField="编号" BorderWidth="1px" BorderStyle="Solid" BorderColor="RoyalBlue" GridLines="None"> 
                                                
<SelectedItemStyle ForeColor="SlateGray"></SelectedItemStyle> 
                                                
<ItemStyle VerticalAlign="Middle"></ItemStyle> 
                                                
<HeaderStyle HorizontalAlign="Center"></HeaderStyle> 
                                                
<Columns> 
                                                    
<asp:ButtonColumn Text="选择" HeaderText="&lt;font face=webdings&gt;6&lt;/font&gt;" CommandName="Delete"> 
                                                        
<HeaderStyle Wrap="False" Width="40px"></HeaderStyle> 
                                                        
<ItemStyle Wrap="False" HorizontalAlign="Center"></ItemStyle> 
                                                        
<FooterStyle Wrap="False"></FooterStyle> 
                                                    
</asp:ButtonColumn> 
                                                
</Columns> 
                                            
</asp:datagrid></div> 
 

posted on 2006-05-16 09:36  lrary  阅读(419)  评论(0)    收藏  举报