Laravel-datatables: Info-bulle sur les boutons dans les colonnes

Créé le 8 sept. 2016  ·  3Commentaires  ·  Source: yajra/laravel-datatables

Bonjour, encore une demande de ma part:

Je voudrais avoir des info-bulles Bootstrap sur les boutons dans un -> addColumn (qui expliquent les icônes).

Même code que la dernière fois :-)

»
return Datatables :: of ($ listquery)
-> addColumn ('action', 'teams.action')
-> make (vrai);

je charge ici une page supplémentaire avec la condition et les boutons

»

@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>

Le code Bootstrap ressemble à ceci:

<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>

Normal, je fais le code javascript en bas du modèle
<script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script>

Détails du système

Comment puis-je faire fonctionner cela dans les tables de données?

Détails du système

j'utilise homestead sur windows pour le développement

Système d'exploitation: Windows 10
PHP: 7.0
Version de Laravel: 5.2
DB: mysql sur la (réelle) machine homestad

question

Commentaire le plus utile

@jgatringer vous devez ajouter l'info-bulle js sur l'événement drawCallback ou draw.dt de DataTables.

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

Tous les 3 commentaires

@jgatringer vous devez ajouter l'info-bulle js sur l'événement drawCallback ou draw.dt de DataTables.

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

Oui. Merci beaucoup! Ça a l'air génial maintenant.

Comment échapper à l'attribut de titre de ligne pour l'info-bulle? Ou comment ajouter une info-bulle à la ligne? ou faire le nôtre en utilisant div?

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

t0n1zz picture t0n1zz  ·  3Commentaires

jackrsantana picture jackrsantana  ·  3Commentaires

FilipeBorges1993 picture FilipeBorges1993  ·  3Commentaires

ghost picture ghost  ·  3Commentaires

vipin733 picture vipin733  ·  3Commentaires