checkbox in datatables ajax

Expected behavior

Checkbox should be clickable

Actual behavior

Checkbox doesn't check when you click it

Resources (screenshots, code snippets etc.)

I load data into datatables using an AJAX GET command and for my checkbox column i make a custom render to render the checkbox but these checkboxes are not clickable once rendered .. this is my custom render:

{
                    data: "pfid",
                    orderable: false,
                    width: "100",
                    render: function (data, type, row, meta) {
                        if (type === 'display') {
                            data = '<div class="form-check"><input type="checkbox" class="form-check-input" id="' + data + '"><label class="form-check-label" for="' + data + '"></label></div>';
                        }
                        return data;
                    }
                },

Am i forgetting here to make it work? if i put a checkbox in the table column header in the HTML it is clickable.

Best Regards Mattias