layui可编辑表格--代码复制后即可使用

资源下载地址：https://download.csdn.net/download/a486259/10514261  已失效

内含 普通编辑表格，切换开关，下拉选择器，操作按钮组

效果图

 

 

 

1.样板json数据格式 保存为 dataTable.json

 

{
  "code": 0,
  "msg": "",
  "count": 100,
  "data": [
    {
      "id": 10000,
      "username": "user-0",
      "sex": "女",
      "city": "昆明",
      "sign": "签名-0"
    },
    {
      "id": 10001,
      "username": "user-1",
      "sex": "男",
      "city": "楚雄",
      "sign": "签名-1"
    },
    {
      "id": 10002,
      "username": "user-2",
      "sex": "女",
      "city": "富源",
      "sign": "签名-2"
    },
    {
      "id": 10003,
      "username": "user-3",
      "sex": "女",
      "city": "富源",
      "sign": "签名-3"
    },
    {
      "id": 10004,
      "username": "user-4",
      "sex": "男",
      "city": "富源",
      "sign": "签名-4"
    },
    {
      "id": 10005,
      "username": "user-5",
      "sex": "女",
      "city": "长沙",
      "sign": "签名-5"
    },
    {
      "id": 10006,
      "username": "user-6",
      "sex": "女",
      "city": "桂林",
      "sign": "签名-6"
    },
    {
      "id": 10007,
      "username": "user-7",
      "sex": "男",
      "city": "长春",
      "sign": "签名-7"
    }
  ]
}

2.html

    
    
    
    
    




layui {{ layui.v }} 提供强力驱动