こんにちは、私からのもう1つのリクエスト:
-> addColumn(アイコンを説明する)のボタンにブートストラップツールチップを表示したいと思います。
前回と同じコード:-)
`
Datatables :: of($ listquery)を返します
-> addColumn( 'action'、 'teams.action')
-> make(true);
条件とボタンを含む追加のページをここにロードします
`
@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>
これをデータテーブルで機能させるにはどうすればよいですか?
システムの詳細
私は開発のために窓にホームステッドを使用します
OS:Windows 10
PHP:7.0
Laravelバージョン:5.2
DB :(実際の)homestadマシン上のmysql
@jgatringer DataTablesのdrawCallback
またはdraw.dt
イベントにツールチップjsを追加する必要があります。
$('table').on('draw.dt', function() {
$('[data-toggle="tooltip"]').tooltip();
})
はい。 どうもありがとう! 今は素晴らしく見えます。
ツールチップの行タイトル属性をエスケープする方法は? またはツールチップを行に追加する方法は? またはdivを使用して独自に作成しますか?
最も参考になるコメント
@jgatringer DataTablesの
drawCallback
またはdraw.dt
イベントにツールチップjsを追加する必要があります。