基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 1 元　

支付宝支付

微信支付

   源码介绍

---

js表格实现----兼容H5

$(function(){
    //获取本地存储数据，并且转换成对象
    var arr = [];
    function getData(){
      if(localStorage.tableList == undefined){
        arr = [];
      }else{
        arr = JSON.parse(localStorage.tableList);
      }
      return arr;


    }
    add()

    //把数据存到本地存储，并且转换成字符串格式的JSON
    function saveData(data){
    //  var data = getData();
    //  JSON.stringify(localStorage.tableList);
      localStorage.tableList = JSON.stringify(data);
    }

    //增加行方法
    function add(){
      $("tr:not(tr:first,tr:last)").remove();//每次增加行前删除前面的行，否则会重复增加
      var data = getData();
      $.each(data,function(i, v){
        $("<tr>").attr("index",i).html("<td contenteditable='true' data-role='name'>" v.name "</td>" "<td contenteditable='true' data-role='sex'>" v.sex "</td>" "<td contenteditable='true' data-role='age'>" v.age "</td>" "<td contenteditable='true' data-role='tel'>" v.tel "</td>" "<td><button class='btn btn-danger btn-sm'>删除</button></td>").insertBefore("tr:last");
      })
      saveData(data);
    }