如何通过另一列中的数据使 jQuery DataTable 列中的按钮可见？

Question

I want to set the button in another column to be visible / hidden according to the status data in one column of the data table.

I tried this:

{
                targets: 6,
                data: null,
                orderable: false,
                defaultContent: '',
                rowAction: {
                    element:
                            $("<button/>")
                            .addClass("btn btn-sm btn-danger")
                            .text(app.localize('SendToDepartments'))
                            .click(function () {
                                debugger;
                                var id = $(this).data().id;
                                _sendToDepartmentsModal.open({ id });
                            }),
                    visible: function () {
                        debugger;
                        var status = _$annotationDepartmentInboxFromManagerTable
                            .row()
                            .data().status;
                        
                        if (status != 'Sent To Departments') {
                            return true;
                        }
                        else {
                            return false;
                        }
                    }
                }
            },

But this changes the visibility of the buttons on all rows.

How can I do it?

Answer 1

It is solved, I used render:

  render: function (data, type, full, meta) {                     
                        if (full.status != 'Sent To Departments') {
                            return '<button class="btn btn-sm btn-danger" data-name="' + full.id + '">' + "click!"+'</button>';
                        }
                        else {
                            return null;
                        }
                    }