javascript - Datatables 如何给单元格添加自定义按钮?
巴扎黑
巴扎黑 2017-04-11 10:19:25
0
2
670

使用Datatables这个插件生成表格的时候想实现如下功能:

  • 表格容初始为空,可以动态添加数据。

  • 在每一行数据的最后面的单元格是一个按钮,实现本行的删除功能。

现在我实现了第一条功能,但是苦于不知道如何实现第二条,单元格内如何添加按钮?

巴扎黑
巴扎黑

reply all(2)
黄舟

使用javascript创建一个button,给button再绑定一个点击事件

阿神

@Seay 找到解决方法了,这是我的demo

$('#eq_table').DataTable({
            data: tmp,
            columns:[
                {data: "id"},
                {data: "name"},
                {data: "ip"},
                {data: "description"},
                {data: null}
            ],
            columnDefs:[{
                targets: 4,
                render: function (data, type, row, meta) {
                    return '<a type="button" class="btn btn-danger btn-block" href="#" onclick=delFromID(' + row.id + ') >删除</a>';
                }
            },
                { "orderable": false, "targets": 4 },
            ],
            language:{
                "sProcessing":   "处理中...",
                "sLengthMenu":   "显示 _MENU_ 项结果",
                "sZeroRecords":  "没有匹配结果",
                "sInfo":         "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
                "sInfoEmpty":    "显示第 0 至 0 项结果,共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix":  "",
                "sSearch":       "搜索:",
                "sUrl":          "",
                "sEmptyTable":     "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands":  ",",
                "oPaginate": {
                    "sFirst":    "首页",
                    "sPrevious": "上页",
                    "sNext":     "下页",
                    "sLast":     "末页"
                },
                "oAria": {
                    "sSortAscending":  ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            }
        });
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template