js方式固定表头

来源：互联网发布：ubuntu 不显示标题栏编辑：程序博客网时间：2024/04/30 00:44

//----------------------------------------------------------
// 函数名：fnc_GridViewHeader
// 功能  ：GridView表头固定
// 参数  ：p_oGridViewDivName    GridView所在Div
//   ：p_iTableHeadNum       表头行数
//   ：p_oTitleDivName       生成表头Div
// 返回值：无
//----------------------------------------------------------

function fnc_GridViewHeader(p_oGridViewDivName,p_iTableHeadNum,p_oTitleDivName)
{
var i;
var oTableBody; //表内容

    var oTableHead;      //表头

    if (p_oGridViewDivName.childNodes[0].childNodes[0] && p_oTitleDivName)
    {
        oTableBody = p_oGridViewDivName.childNodes[0].childNodes[0];
        oTableHead = oTableBody.cloneNode(true);

        //表头内容取得
        for (i = oTableHead.rows.length -1; i > p_iTableHeadNum-1; i--)
        {
            oTableHead.deleteRow(i) ;
        }

        //原来数据表头删除
        for (i = p_iTableHeadNum-1; i >= 0; i--)
        {
            oTableBody.deleteRow(i);
        }

        //表头为空时

        if (p_oTitleDivName.innerHTML == "")
        {
            //生成表头
            p_oTitleDivName.appendChild(oTableHead);
        }
    }
}