datatables columnDefs不起作用：jquery / javascript

Question

我的数据表完美加载，但columndef无效。 有人知道了吗？ 请帮忙。 我只想向第1列的每个单元格添加一个click事件。我也没有收到任何错误。 在此示例中，它在末尾的列上起作用... https://datatables.net/examples/ajax/null_data_source.html

var table =  $mytable.DataTable( {            
            "serverSide": true,
            "ajax": {
                "url": url_string,
                "cache": true,
                "columnDefs": [ 
                {"targets": 1,"data": null,"defaultContent": "<button>Select Image ID</button>"} ,  

                ]
            },
        });

Answer 1

在堆栈溢出中找到了一个很棒的帖子，确实有帮助。 并对其进行了更改以适合我，这是发布Edit jQuery Datatable字段

这就是我为我工作的东西。 我把精力集中在API上，而只把精力放在Jquery上。 诀窍是在“ drawCallback”之后执行jquery：

归功于@Jeromy French

var table =  $spr_cnt_tbl.DataTable( {            
            "serverSide": true,
            "ajax": {
                "url": url_string,
                "cache": true,
                "columnDefs": [ 
                {"targets": 1,"data": null,"defaultContent": "<button>Select Image ID</button>"} ,  

                ]
            },
            "drawCallback": function( settings ) {
            apply_label();
            }
        });

        var apply_label=function(){
        $spr_cnt_tbl.find("td:nth-child(2)").not(':has(.label)').each(function(){
        if( this.innerHTML===""){
            $(this).wrapInner("<button class=btn btn-success id='sel_img' type='button'>Select Image</button>");
        }
        else {
            $(this).wrapInner('<span class="label label-success"></span>');
        }
        });
        };
    });
});