javascript - 数据表columnDefs不工作: jquery/javascript

Question

我的数据表加载完美，但列定义不起作用。 有人有线索吗？ 请帮忙。我只想向第 1 列中的每个单元格添加单击事件。我也没有收到任何错误。 在此示例中，它在结束列上起作用... 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 fields

这就是我为我所做的工作。我过于关注 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>');
        }
        });
        };
    });
});