在可信任的表格中保存数据

时间:2014-05-29 17:59:57

标签: html contenteditable

如果我有一个简单的html表,请在表数据上启用contenteditable。是否有可能在表格中有一个公式(例如:单元格1列1 +单元格2列1 =单元格3列1),并且contenteditable可以更改公式中的变量并更新总计数量? / p>

我正在玩contenteditable

http://jsfiddle.net/nMhmS/440/

1 个答案:

答案 0 :(得分:0)

下面是一个简单的功能,您可以使用它来获得所需的结果。这是更新的小提琴http://jsfiddle.net/nMhmS/441/

另外,您可以添加无限数量的列和行,并动态地将总数放在最后一行

function updateTotal(){

    var totalCols=$("#table tr").eq(0).find("td").length-1;
    var toalRows=$("#table tr").length-1;
    var cellValue=0;

    for(var col=0;col<=totalCols; col++){

        for(var row=0;row<=toalRows; row++){

             if(row!=toalRows)            
             cellValue+= parseInt($("#table tr").eq(row).find("td").eq(col).text());

             if(row==toalRows){

                $("#table tr").eq(row).find("td").eq(col).text(cellValue);
                cellValue=0; // reset the Cell Value
             } 

         }

    }          
}