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>
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
@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?
Commentaire le plus utile
@jgatringer vous devez ajouter l'info-bulle js sur l'événement
drawCallback
oudraw.dt
de DataTables.