javascript代码创建表格类

核心提示：表格类的原型函数：用于以表格方式表现从xml中读取的数据//---// Yang Xiaodong// IRSA, CAS//---//Class :DataTable//Purpose :PRovides a table class//---//Calls :None//Called by :None//---//A

表格类的原型函数：用于以表格方式表现从xml中读取的数据
//-------------------------------------------------------
//　 Yang Xiaodong
//　 IRSA, CAS
//-------------------------------------------------------
//Class　　 :DataTable
//Purpose　 :PRovides a table class
//-------------------------------------------------------
//Calls　　 :None
//Called by :None
//-------------------------------------------------------
//Arguments :tableTitles　  the Column or Row titles of table
//　　　　　 tableValues　  A 2 dimension Array to represent values in table
//　　　　　 alignDirect　  the title align direct of table, 0 is horizontal or titles in coloumns, 1 is vertical or titles in rows
//Globals　 :None
//Returns　 :table element
//-------------------------------------------------------
//Notes　　 :None
//-------------------------------------------------------
//History　 :2007/10/27  1.0
//=======================================================

http://bizhi.cncms.com/
var DataTable = function(tableTitles, tableValues,alignDirect)
{
　  var table = document.createElement("table");
　  var tbody = document.createElement("tbody");
　  table.appendChild(tbody);
　 
　  if (alignDirect == 0)　　　　 //Columns Mode
　  {
　　　  var nColumns = tableTitles.length;
　　　  var nRows = tableValues.length + 1;
　　　  for (var i = 0; i < nRows; i++)
　　　  {
　　　　　  tbody.insertRow(i);
　　　　　  for (var j = 0; j < nColumns; j++)
　　　　　  {
　　　　　　　  tbody.rows[i].insertCell(j);
　　　　　　　  if (i == 0)
　　　　　　　  {
　　　　　　　　　  tbody.rows[i].cells[j].appendChild(tableTitles[j]);
　　　　　　　  }
　　　　　　　  else
　　　　　　　  {
　　　　　　　　　  tbody.rows[i].cells[j].appendChild(tableValues[i-1][j]);
　　　　　　　  }
　　　　　  }
　　　  }
　  }
　  else　　　　　　　　　　　  //Rows Mode
　  {
　　　  var nRows = tableTitles.length;
　　　  var nColumns = tableValues.length + 1;
　　　  for(var i = 0; i < nRows; i++)
　　　  {
　　　　　  tbody.insertRow(i);
　　　　　  for (var j = 0; j < nColumns; j++)
　　　　　  {
　　　　　　　  tbody.rows[i].insertCell(j);
　　　　　　　  //tbody.rows[i].cells[j].setAttribute("align", "left");
　　　　　　　  if (j == 0)
　　　　　　　  {
　　　　　　　　　  tbody.rows[i].cells[j].appendChild(tableTitles[i]);
　　　　　　　  }
　　　　　　　  else
　　　　　　　  {
　　　　　　　　　  tbody.rows[i].cells[j].appendChild(tableValues[j-1][i]);
　　　　　　　  }
　　　　　  }
　　　  }
　  }
　  return table;
}

当调用这个类时，需要的参数包括表示表格表头（相当于ColumnNames）的一维数组和表示表格数据的二维数组（相当于DataTable）以及表格的排列方式（纵排或者横排）作为参数传递近来，然后该类可以返回一个Table对象，在html中则可以直接附加（appendChild）这个Table了。
调用示例：
var ColumnNames = new Array();
var TableValues = new Array(DataColumn[1], DataColumn[2], ...);//DataColumn[i] is a One Dimension Array.
var table = new DataTable(ColumnNames, TableValues, 1);
table.className = "CSSClass";// a css style class.
div.appendChild(table);

效果不错，省了很多事，避免了每次写table。不过仅限于标准表格。:)