Как сделать видимой кнопку в столбце данных jQuery по данным в другом столбце?

#javascript #jquery #datatables

#javascript #jquery #таблицы данных

Вопрос:

Я хочу установить кнопку в другом столбце видимой / скрытой в соответствии с данными о состоянии в одном столбце таблицы данных.

Я попробовал это:

 {
                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;
                        }
                    }
                }
            },
 

Но это изменяет видимость кнопок во всех строках.

Как я могу это сделать?

Ответ №1:

Это решено, я использовал рендеринг :

   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;
                        }
                    }