kasuo405
2016-09-20 09:24
采纳率: 100%
浏览 9.4k
已采纳

jquery datatable 如何实现单元格内容的编辑

在jquery datatable的展示的数据列表中,如何实现单元格内容的编辑?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • -宛静- 2016-09-20 09:42
    已采纳

    图片说明

    点赞 评论
  • -宛静- 2016-09-20 09:38

    html代码:

    ID First Name Last Name Operation

    js配置代码:
    1.datatable初始化:
    $(document).ready(function() {
    $("#datatable").dataTable({
    "processing": true,
    "serverSide": true,
    "ajax" : "load",
    "columns": [
    {"data": "id", "bSortable": false},
    {"data": "firstName"},
    {"data": "lastName"}
    ],
    "columnDefs": [

    {
    "targets": [3],
    "data": "id",
    "render": function(data, type, full) {
    return "Update";
    }
    }
    ]
    });
    });
    2.后台返回的数据:
    {
    "draw": 2,
    "recordsTotal": 11,
    "recordsFiltered": 11,
    "data": [
    {
    "id": 1,
    "firstName": "Troy",
    "lastName": "Young"
    },
    {
    "id": 2,
    "firstName": "Alice",
    "lastName": "LL"
    },
    {
    "id": 3,
    "firstName": "Larry",
    "lastName": "Bird"
    }
    // ......
    ]
    }
    其中columnDefs就是自定义属性 就是操作列。
    希望对你有帮助。

    点赞 评论
  • -宛静- 2016-09-20 09:42

    图片说明

    点赞 评论
  • -宛静- 2016-09-20 09:44

    图片截图:![![图片说明](https://img-ask.csdn.net/upload/201609/20/1474364632_980783.png)图片说明](https://img-ask.csdn.net/upload/201609/20/1474364624_291396.png)图片说明

    点赞 评论

相关推荐 更多相似问题