javascript 动态创建表格TABLE的有关问题-JavaSript-爱易网页

javascript 动态创建表格TABLE的有关问题

日期：2014-05-16　浏览次数：20319 次

javascript 动态创建表格TABLE的问题



<!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>蓝光-BlueShine</title>

<script language="JavaScript">

var Count=false,NO=-1;

function addRow(){

Count=!Count;

//添加一行

var newTr = new Array(20);

for(var i=0;i<20;i++)

{



newTr[i] = testTbl.insertRow(testTbl.rows.length);



//添加两列

//alert("add");

var newTd0 = newTr[i].insertCell();



var newTd1 = newTr[i].insertCell();

var newTd2 = newTr[i].insertCell();

var newTd3 = newTr[i].insertCell();

//设置列内容和属性





if(Count)

{

	newTr[i].style.background="#FFE1FE";

	}



else

	 {

	 	newTr[i].style.background="#FFEFDF";

	 }

newTd0.innerHTML = "2013-09-09 10:10";

newTd1.innerHTML = "电表通讯故障";

NO++;

newTd2.innerText="第"+ NO +"行";

}



}

</script>



</head>

<body> 

	<table align="center" width="399" border=0 cellspacing="1" id="testTbl" style="font-size:14px;">

<tr bgcolor="#FFEFD5">

<td width=6%>



	</td>

<td >序号</td>

<td > 设备</td>

<td > 时间</td>



</tr>

</table>



<label>

<input type="button" value="插入行" onclick="addRow()"/>

</label>

</body>

</html>

问题：上面的代码只是个简单的插入实现，现在我想要的功能是：三个按钮：1、查询 2、下一页 3、上一页的每一页显示20个事件记录，事件记录总共不多，总共256个，请问大神们，怎么实现，可以在这个代码里修改，加入事件记录data数据已经通过ajax获取到了，
谢谢了、、、

javascript html 故障通讯

------解决方案--------------------
为什么不用grid
------解决方案--------------------
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function createData(){
var a={};
for(var i=0;i<256;i++){
a[i+".name"]=i+"name";
a[i+".age"]=i+'age';
a[i+".sex"]=((i&1)==0?'男':'女');
}
return a;
}
function createTable(){
for(var i=0;i<=19;i++){
var tr=document.createElement("tr");
for(var j=0;j<=2;j++){
tr.appendChild(document.createElement("td"));
}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript 动态创建表格TABLE的有关问题

相关资料更多>

推荐阅读更多>