与共通表头的表格写法

var singleTableRowCount = 10;   // 单一表格显示行数
var currStartPage = 0;

// 描绘表格
function DrawTable() {
    var tableContent = "";
    var tableDispCount = 10;
    var tableObj = document.getElementById("tblInfo1");
    var currRecordNo = currStartPage * singleTableRowCount;

    ClearTableRow(tableObj);

    if (tableObj.rows.length == 0) {
        FillTableTitle(tableObj);
    }

    FillTableContent(tableObj, currRecordNo, false);
    tableObj = null;

    currRecordNo += 10;

    tableObj = document.getElementById("tblInfo2");

    ClearTableRow(tableObj);

    if (tableObj.rows.length == 0) {
        FillTableTitle(tableObj);
    }

    FillTableContent(tableObj, currRecordNo, true);

    tableObj = null;
}
// 清除表格数据（不包括表头）
function ClearTableRow(tblObj) {
    for (var i = tblObj.rows.length - 1; i > 0; i--) {
        if (tblObj.rows[i] != null) {
            tblObj.deleteRow(i);
        } else { break; }
    }
}
// 填充表头
function FillTableTitle(tblObj) {
    if (tblObj != null) {
        var rowObj = tblObj.insertRow();
        var cellObj = null;

        if (typeof (title) != "undefined" && title != null && title.length > 0) {
            for (var i = 0; i < title.length; i++) {
                cellObj = rowObj.insertCell();

                cellObj.className = "table_tr_td_border table_tr_td_width table_tr_th_bg";
                cellObj.innerHTML = title[i];
                cellObj = null;
            }
        } else {
            rowObj = tblObj.insertRow();
            cellObj = tblObj.insertCell();

            cellObj.className = "table_tr_td_border table_tr_td_width table_tr_th_bg";
            cellObj.innerHTML = "タイトルなし";
            cellObj = null;
        }
    }
}
// 填充表数据
function FillTableContent(tblObj, startIndex, nextTable) {
    var rowObj = null;
    var cellObj = null;
    var recordno = 1;

    if (typeof (tblObj) != "undefined" && tblObj != null) {
        if (currStartPage > 0) {
            if (nextTable == false) {
                recordno = startIndex / currStartPage - singleTableRowCount + 1;
            } else {
                recordno = (startIndex - singleTableRowCount) / currStartPage - singleTableRowCount + 11;
            }
        } else {
            recordno = startIndex + 1;
        }
        for (var row = 0; row < singleTableRowCount; row++) {
            rowObj = tblObj.insertRow();

            if (startIndex < data.length) {
                FillTableCell(rowObj, recordno);
                FillTableCell(rowObj, data[startIndex].統一);
                FillTableCell(rowObj, data[startIndex].内容);
            } else {
                FillTableCell(rowObj, recordno);
                FillTableCell(rowObj, "");
                FillTableCell(rowObj, "");
            }

            rowObj = null;
            startIndex++;
            recordno++;
        }
    }
}
// 填充表单元格
function FillTableCell(rowObj, cellContent) {
    if (typeof (rowObj) != "undefined" && rowObj != null) {
        cellObj = rowObj.insertCell();
        cellObj.className = "table_tr_td_border table_tr_td_width";
        cellObj.innerHTML = cellContent;
        cellObj = null;
    }
}
// 下一页
function NextPage() {
    if (((currStartPage + 2) * singleTableRowCount * 2 - data.length) < 20) {
        currStartPage += 2;
        DrawTable();
    }
}
// 上一页
function PrevPage() {
    currStartPage -= 2;
    if (currStartPage < 0) {
        currStartPage = 0;
    } else {
        DrawTable();
    }
}