背景:
在表格上,希望表头内容是可变的,就是在数据库里面读出来,做字符串分割后,添加到thead,成为表头
方法:
html:
<table class="table display" id="datatable" border="0">
<thead>
<tr id="tableHead" >
</tr>
</thead>
</table>
js:
//表头部分
function getHead(rowTitle)
{
var tr=document.getElementById("tableHead");
var title=new Array();
var widthds=new Array();
var str="@widthstr";
widthds=str.split("#");
title=rowTitle.split("#"); //分割后各个列名数组
for(var i=0;i<title.length;i++)
{
var th=document.createElement('th'); //创建th
th.innerHTML=title[i]; //填入数据
th.style.width=parseInt(widthds[i])+"px"; //表头各列长度
//(也是数据库读出来的,如果不需要自定义,可省去这行)
tr.appendChild(th); //添加th
}
}
getHead("@spelst[Ind].rowTitle"); //表头内容字符串
如此,就完成了表头的一行添加,同时此方法也可以用在表体上。
表头效果如下: