Php DataTables—在每行的单元格中显示一个按钮
我正在使用插件,在初始化过程中,我正在使用Php DataTables—在每行的单元格中显示一个按钮,php,jquery,datatables,laravel-5.1,Php,Jquery,Datatables,Laravel 5.1,我正在使用插件,在初始化过程中,我正在使用“drawCallback”对行的外观进行更改 我的代码如下: "drawCallback": function() { table.rows().every( function() { var d = this.data(); var option = this.find('.options'); if (d.act
“drawCallback”
对行的外观进行更改
我的代码如下:
"drawCallback": function() {
table.rows().every( function() {
var d = this.data();
var option = this.find('.options');
if (d.activated) {
option.html('<button class="btn btn-mini btn-primary pull-right"> Enabled</button>');
} else {
option.html('<button class="btn btn-mini btn-danger pull-right"> Disabled</button>');
}
});
}
数据表初始化:
var table = $('#example').DataTable( {
columns: [
{
"className": 'center',
"data": null,
"defaultContent": ''
},
{
data: 'last_name'
},
{
data: 'first_name'
},
{
data: 'email'
},
{
"className": 'options',
"data": null,
"defaultContent": ''
}
],
// ...and so on
最初,我使用了以下代码:
$('td.options').html('<button class="btn btn-mini btn-primary pull-right"> Enabled</button>');
$('td.options').html('Enabled');
但这是对行数据的不加选择,只是为每一行粘贴了相同的按钮。使用option为单元格定义生成内容的函数
var table=$('#示例')。数据表({
栏目:[
{
“类名称”:“中心”,
“数据”:空,
“defaultContent”:”
},
{“数据”:“姓氏”},
{“数据”:“名字”},
{“数据”:“电子邮件”},
{
“类名称”:“选项”,
“数据”:空,
“呈现”:函数(数据、类型、完整、元){
如果(完全激活){
返回“已启用”;
}否则{
返回“禁用”;
}
}
}
],
//……等等
});
能否添加一些包含指定类的html?即HTMLoutput@SamSwift我添加了一些进一步的上下文,这非常有效。我最初在回调中使用了它,因为大量的操作导致了表的重画,但我没有阅读render方法。不能怪它。非常感谢!
$('td.options').html('<button class="btn btn-mini btn-primary pull-right"> Enabled</button>');