在 ASP.NET 2.0 中创建可滚动的 Gridview

• 下载源代码文件 - 1.25 Kb

引言

  使用 Javascript 的 cloneNode，我们可以克隆表格的表头，从而使 Gridview 具有可滚动性。这种方法不需要设置过多的 CSS。

  在 ASP.NET 2.0 的 Page_Load 事件中，我们必须为 GridView 添加样式，这对于 IE 和 Firefox 正常工作是必需的！

  protected void Page_Load( object sender, EventArgs e )
  {
    if (!IsPostBack)
    {
      GridView1.Attributes.Add("style", "table-layout:fixed");
      GridView1.DataSource = CreateDataSource();
      GridView1.DataBind();
    }
  }

  接下来，我们需要添加一些 Javascript 代码

function start()
{
 var t = document.getElementById("<%=GridView1.ClientID%>");
 var t2 = t.cloneNode(true)
 for(i = t2.rows.length -1;i > 0;i--)
 t2.deleteRow(i)  
 t.deleteRow(0)  
 a.appendChild(t2) 
}
window.onload = start