Как включить загрузочный тогл на датируемую ячейку?

Question

Заранее извиняюсь. Я новичок в своем уроке английского, поэтому у меня могут быть проблемы с грамматикой, но я буду стараться изо всех сил.

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

Я использую этот элемент:

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" data-offstyle="danger">

И он отлично работает на моей html-странице, но когда я пытаюсь использовать ячейку с данными, стиль не работает.

Я обнаружил, что вы можете добавить контент, используя mreder в столбцах определения

{                
   data: "VoBo",
   mRender: function (data, type, row, meta) {
        return data == 'no' ? '<input type="checkbox" checked data- 
               toggle="toggle" data-nstyle="success" data-offstyle="danger">' :  
               data;
   }
}

но когда я его запускаю, просто отображаю простой флажок и игнорирую стиль.

Также я пытался обратным вызовом строки.

rowCallback": function (row, data) {     
    if (data.VoBo == "no") {
          $('td:eq(8)', row).html('<input type="checkbox" checked data- 
               toggle="toggle" data-nstyle="success" data-offstyle="danger">');
    }
}

С тем же результатом.

Есть что-то, что я пропустил, чтобы добавить, или есть другие данные, которые я могу использовать?