Hallo, noch eine Anfrage von mir:
Ich hätte gerne Bootstrap-Tooltips zu Schaltflächen in einer -> addColumn (die die Symbole erklären).
Gleicher Code als letztes Mal :-)
`
Rückgabe von Datatables :: of ($ listquery)
-> addColumn ('action', 'teams.action')
-> make (true);
Ich lade hier eine zusätzliche Seite mit der Bedingung und den Schaltflächen
`
@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>
Der Bootstrap-Code sieht folgendermaßen aus:
<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>
Normalerweise mache ich den Javascript-Code am Ende der Vorlage
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Wie kann ich das in Datentabellen zum Laufen bringen?
Systemdetails
Ich benutze Homestead auf Windows für die Entwicklung
Betriebssystem: Windows 10
PHP: 7.0
Laravel Version: 5.2
DB: MySQL auf (aktuellem) Homestad-Rechner
@jgatringer Sie müssen den Tooltip js für das Ereignis drawCallback
oder draw.dt
von DataTables hinzufügen.
$('table').on('draw.dt', function() {
$('[data-toggle="tooltip"]').tooltip();
})
Ja. Danke vielmals! Sieht jetzt gut aus.
Wie entkomme ich dem Zeilentitelattribut für den Tooltip? Oder Wie füge ich einen Tooltip zur Zeile hinzu? oder machen wir unsere eigenen mit div?
Hilfreichster Kommentar
@jgatringer Sie müssen den Tooltip js für das Ereignis
drawCallback
oderdraw.dt
von DataTables hinzufügen.