Question

提前道歉我在英语课上是新来的，所以我可能会遇到一些语法问题，但我会尽力而为。

我正在处理数据表，并尝试将bootstrap标记添加到单元格中。

我正在使用此元素：

<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">');
    }
}

结果相同。

是否有我想添加的东西，或者还有其他我可以使用的数据表porpertie？

如何在数据表单元格上包含引导信息？

0 个答案: