twitter-bootstrap – 如何通过渲染显示带有DataTables的Bootstr
发布时间:2020-12-17 21:33:59 所属栏目:安全 来源:网络整理
导读:我正在使用 Bootstrap Toggle,CSS和JavaScript加载,请参阅image.However当我使用内部数据表(Done coloumn)自定义JavaScript和样式不起作用.我通过Ajax获取数据 数据表脚本 $('#sampleTable').DataTable( { "ajax": { "url": "/generalTodo","dataSrc": "" },
我正在使用
Bootstrap Toggle,CSS和JavaScript加载,请参阅image.However当我使用内部数据表(Done coloumn)自定义JavaScript和样式不起作用.我通过Ajax获取数据
数据表脚本 $('#sampleTable').DataTable( { "ajax": { "url": "/generalTodo","dataSrc": "" },"columns": [ { "sortable": true,className: 'centerize',render: function ( data,type,full,meta ) { return '<input type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'; } },..... 解决方法
我找到了解决方案:
return '<input id="toggle-demo" type="checkbox" checked data-toggle="toggle" data-on="Ready" data-off="Not Ready" data-onstyle="success" data-offstyle="danger">'; 和 "fnDrawCallback": function() { $('#toggle-demo').bootstrapToggle(); }, 在表完成加载后加载Js! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |