<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>Dynamic of Table - Auntion - Javascript+DOM</title> 
<style type="text/css"> 
/*------------public style--------------*/ 
body { 
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:11px; 
} 

a:link { 
    text-decoration: none; 
} 
a:visited { 
    text-decoration: none; 
} 
a:hover { 
    text-decoration: underline; 
} 
a:active { 
    text-decoration: none; 
} 
/*-------------------------------------*/ 
#MyTable { 
color: #888888; 
border-top:1px dashed #d6d6d6; 
border-left:1px dashed #d6d6d6; 
} 
#MyTable td { 
height:18px; 
text-align: center; 
border-right:1px dashed #d6d6d6; 
border-bottom:1px dashed #d6d6d6; 
padding: 3px 3px 2px 3px; 
} 
.MyTableTag { 
color:#0099FF; 
font-size:12px; 
font-weight:bolder; 
} 
#Number { 
color:#FF6633; 
} 
.pages { 
border-left:1px dashed #d6d6d6; 
border-right:1px dashed #d6d6d6; 
border-bottom:1px dashed #d6d6d6; 
} 
.pagesTag { 
color:#0099FF; 
} 
.status { 
color:#666666; 
} 
.statusContact { 
color:#888888; 
} 
.No { 
color:#BBBBBB; 
} 
</style> 
<script language="javascript" type="text/javascript" src="Ajax.Js"></script> 
</head> 
<body> 

<table width="300" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td> 
    <table width="300" border="0" align="center" cellpadding="0" cellspacing="0" id="MyTable" > 
      <tr> 
        <td width="30" align="center" bgcolor="#F0F9FF" class="MyTableTag" id="modeId">Id</td> 
        <td width="140" align="center" bgcolor="#F0F9FF" class="MyTableTag" id="modeName">Name</td> 
        <td width="80" align="center" bgcolor="#F0F9FF" class="MyTableTag" id="modeSex">Sex</td> 
        <td width="50" align="center" bgcolor="#F0F9FF" class="MyTableTag" id="modeAge">Age</td> 
      </tr> 
    </table> 
    </td> 
  </tr> 
  <tr> 
    <td> 
    <table width="300" height="24" border="0" cellpadding="0" cellspacing="0" bgcolor="#F0F9FF" class="pages"> 
      <tr> 
        <td width="36" align="right" valign="middle" class="status" style="padding-left:8px;">Status: 
        <input type="hidden" name="PageCount" id="PageCount"/><!--儲存分頁總數(shù)--> 
        <input type="hidden" name="PageNow" id="PageNow"/><!--儲存當(dāng)前頁碼--> 
        </td> 
        <td id="Status" width="162" align="left" valign="middle" class="statusContact" style="padding-left:2px;">Loading...</td> 
        <td id="Pages" width="98" align="center" valign="middle" class="No">Previous│Next</td> 
      </tr> 
    </table> 
    </td> 
  </tr> 
</table> 
</body> 
</html> 

數(shù)據(jù)庫為access.
數(shù)據(jù)庫文件名:database.mdb
表名:UserData
字段:Id Name Sex Age
id為編號.其他全部為String.發(fā)不上來圖,自己看加吧.性別也是普通的文本字段,如果需要yes/no.自己修改一下就可以了

您可能感興趣的文章: