Laravel-datatables: 列中按钮的工具提示

创建于 2016-09-08  ·  3评论  ·  资料来源: yajra/laravel-datatables

您好,我还有一个要求:

我想在-> addColumn(解释图标)中的按钮上有Bootstrap工具提示。

上次相同的代码:-)

`
返回Datatables :: of($ listquery)
-> addColumn('action','teams.action')
->使(真);

我在这里在条件和按钮上加了一页

`

@can('team.admin') <a href="/myteams/teammemberlist/{!! $teamid !!}" class="btn btn-xs btn-primary"> <i class="fa fa-pencil-square"></i> </a> <strong i="14">@endcan</strong>

引导代码如下所示:

<a href="/myteams/teammemberlist/{!! $teamid !!}" class="btn btn-xs btn-primary" data-toggle="tooltip" title="edit the row!"> <i class="fa fa-pencil-square"></i> </a>

通常我会在模板底部执行javascript代码
<script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script>

系统详情

我如何在数据表中使用它?

系统详情

我在Windows上使用宅基进行开发

作业系统:Windows 10
的PHP:7.0
Laravel版本:5.2
DB :(实际)homestad机器上的mysql

question

最有用的评论

@jgatringer,您需要在DataTables的drawCallbackdraw.dt事件中添加工具提示js。

$('table').on('draw.dt', function() {
    $('[data-toggle="tooltip"]').tooltip();
})

所有3条评论

@jgatringer,您需要在DataTables的drawCallbackdraw.dt事件中添加工具提示js。

$('table').on('draw.dt', function() {
    $('[data-toggle="tooltip"]').tooltip();
})

是的。 非常感谢! 现在看起来很棒。

如何转义工具提示的行标题属性? 或如何向行添加工具提示? 还是使用div自己制作?

此页面是否有帮助?
0 / 5 - 0 等级