tab_popover_tooltip

bootstrap popover

by Amitabha Ghosh

HTML

<script src="http://labo.infocapagde.com/lib/bootstrap-table/dist/bootstrap-table.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<body>
    <table id="lst_art_adm" data-toggle="table" data-striped="true" data-search="true" data-show-toggle="true" data-mobile-responsive="true">
        <thead>
            <tr>
                <th data-sortable="true">ID</th>
                <th>Titre</th>
                <th>Sujet</th>
                <th>Fonctions</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>14</td>
                <td align="left" width="80%">Un autre article <i>(archive)</i>

                </td>
                <td>NPDS<a href="index.php?op=newtopic&amp;topic=1" class="tooltip">NPDS</a>
                </td>
                <td>NA</td>
                <tr>
                    <td>13</td>
                    <td align="left" width="80%"><a data-toggle="popover" data-trigger="hover" href="article.php?sid=13" data-content="If you sort the ID col or use search or toggle or resize ... i will not exist any more !!!" title="13" data-html="true" class="">test article</a>
                    </td>                    
                    <td>Modules<a href="index.php?op=newtopic&amp;topic=2" data-toggle="tooltip" title="hover ME">HOVER ME</a>
                    </td>
                    <td>NA</td>
                </tr>
        </tbody>
    </table>
</body>

JavaScript

$(function () {
    $('[data-toggle="tooltip"]').tooltip();
    $('[data-toggle="popover"]').popover();  
    $('#lst_art_adm').on('all.bs.table', function (e, name, args) {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover();  
    });
});