核心JAVASCRIPT代码:
<script type="text/javascript">
/**
* 动态改变行
* @param {Object} iInx
*/
function doOnchange(iInx){
var iRows = iInx ? iInx : 0;
removeRow('tbl');
for(var v=0;v<iRows;v++){
instRow('tbl');
}
}
/**
* 插入行
* @param {Object} tblId
*/
function instRow(tblId){
var row = document.getElementById(tblId).all.tags("tbody")[0].insertRow();
var rowCount = document.getElementById(tblId).rows.length;
var countCell = document.getElementById(tblId).rows.item(0).cells.length;
for (var i = 0; i < countCell; i++) {
var cell = row.insertCell(i);
cell.innerHTML = "new-" + (rowCount) + "/" + (i + 1) + "-col";
cell.id = (rowCount) + "-" + (i + 1);
}
}
/**
* 删除行
* @param {Object} tblId
*/
function removeRow(tblId){
var rows = document.getElementById(tblId).all.tags("tbody")[0].rows.length;
for (var i = rows-1; i >=0; i--) {
document.getElementById(tblId).all.tags("tbody")[0].deleteRow();
}
}
</script>
分享到:
相关推荐
主要介绍了JS实现动态修改table及合并单元格的方法,结合完整实例形式分析了JS动态遍历及修改table单元格的具体操作技巧,需要的朋友可以参考下
js动态 在table任一位置加减行 实例
bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,
layui js 动态加载数据 复杂表头多表头实例
ExtJS的table设计实例 表格可编辑 表格可排序 从XML中读取数据* *实现从XML读取,请先部署到TOMCAT或其他WEB容器
本js脚本完美的实现了table单元格的合并,合并后犹如交叉表的形式,非常完美,并在其中附带例子可以验证。
web页面中通过鼠标拖动来调整table列宽的实例,用JS实现,使用起来超级简单,只需要把JS文件导入,然后在需要实现该效果的table中套用CSS就可以了,还不会的去看实例,实例中有DEMO的页面。
动态Javascript表格实例,表格的增行,鼠标移动变色,奇偶行颜色变化
bootstrap-table (项目完整版js+css+实例)有调用代码。
boostrap table 官方实例,可调试,但是只支持用(本地和远程)服务器调试,解压后index.html可以看到实例,但是有的文件引入js、css是外网的,所以需要网络才能显示,这个可以自己更改代码
js控制隐藏显示table特定列,word文档中有源码实例。
jsvascript 控制table经典实例,实用
bootstrapTable组件的使用示例,里面包含父子表、treegrid以及结合knockoutjs的使用示例。博客园博主本人资源,有问题可以联系。
bootstrap-table 表内行拖放所需js/css/实例,和注意事项,以及排序到数据库的构想
js动态操作表格</title>[removed]function init(){_table=document.getElementById(“table”);_table.border=”1px”;_table.width=”800px”;for(var i=1;i<6;i++){var row=document.createElement(“tr...
本文实例讲述了JS拖动选择table里的单元格。分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用。 <html> <head> <meta ...
JavaScript Table排序实例
本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下: 1. 通常方法 循环table的rows,然后一个一个删除。 这个方法是通常的方法,可行,但是效率不好。 2. 另一个方法 var artTable = ...
JQuery动态生成Table表格 主要用到了JQuery中的append和appendto的方法,具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>...