html中table中动态添加单元格示例
2014-07-29 17:20
351 查看
项目遇到需要进行动态的表格添加,思路:
1)先得到这个表格,有两种方式一、var table = getElementById("表格ID");,二、var table = $("#表格ID");
2)算出表格的现有行数,var rowsNum = table.length;
3)创建一行,并添加到Table(添加到表格的最后一行)中,var row = table.insertRow(rowsNum-1);,insertRow(第几行,从0开始,0为第一行);
4)创建单元格并添加到行中,var cell0 = row.insertCell(0);insertCell(第几个单元格,从0开始,0为第一个单元格);向单元格中添加内容,cell0.innerHTML
= "单元格";
按这几步就添加完成。
1)先得到这个表格,有两种方式一、var table = getElementById("表格ID");,二、var table = $("#表格ID");
2)算出表格的现有行数,var rowsNum = table.length;
3)创建一行,并添加到Table(添加到表格的最后一行)中,var row = table.insertRow(rowsNum-1);,insertRow(第几行,从0开始,0为第一行);
4)创建单元格并添加到行中,var cell0 = row.insertCell(0);insertCell(第几个单元格,从0开始,0为第一个单元格);向单元格中添加内容,cell0.innerHTML
= "单元格";
按这几步就添加完成。
相关文章推荐
- 【代码示例】动态给HtmlTable添加行数据
- Swift - 动态添加删除TableView的单元格(以及内部元件-日期控件)
- [Javascript]在HTML页面中动态添加表格,动态生成行的示例
- 动态添加Html单元格时,事件怎么写?如mouseover事件
- 动态添加Html单元格时,事件怎么写?如mouseover事件
- Swift - 动态添加删除TableView的单元格(以及内部元件)
- 动态添加html示例
- 在html中向table中动态添加内容,并设置cell字体颜色
- JS简单实现动态添加HTML标记的方法示例
- 动态添加Html单元格时,事件怎么写?如mouseover事件
- html 动态添加TABLE的行。
- 表格中动态添加了两行和两个单元格
- 动态添加个table并绑定gridview
- DataGrid动态添加模板列的一个例子 http://www.cnblogs.com/lovecherry/archive/2005/03/25/125526.html
- 动态生成HtmlTable 说明。
- html动态创建table不成功的一个问题
- Html Table中单元格用索引值引用的注意事项
- 动态添加table和分页。ajax,没笔啊。
- 动态添加gridview行【转:http://www.cnblogs.com/oec2003/articles/1069796.html】
- asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例