Popover не работает с моим Datatable

я пытаюсь отобразить всплывающее окно в моей таблице данных, в моей таблице данных каждая ячейка содержит href, и я хочу, нажав на этот href, я хочу отобразить некоторые данные из базы данных. я использую nodejs с нефритом.

вот мой код таблицы данных,

script.
    var report;
    $(document).ready(function () {
        var col = [
            {data: 'client_name'},
            {
                render: function (data, type, full, meta) {
                    return '<b>Code:</b>'+'<a class="popover-success popover-scale" id="t_branch" data-toggle="popover" data-content="test content" data-placement="top" data-original-title="Success" >' + full.branch_code +'</a>';
                }
            },
            {
                render: function (data, type, full, meta) {
                    return '<b>Serial: </b>'+'<a id="t_router" href = "#" >' + full.router_serial + '</a>';
                }
            },
            {
                render: function (data, type, full, meta) {
                    return '<b>Serial: </b>'+'<a id="t_data_card" href = "#" >' + full.data_card_serial + '</a>';
                }
            },
            {
                render: function (data, type, full, meta) {
                    return '<b>Sim No: </b>'+'<a id="t_sim" href = "#" >' + full.sim_number + '</a>';
                }
            },
            {
                render: function (data, type, full, meta) {
                    return'<b>Serial: </b>'+'<a id="t_idu" href = "#" >' + full.idu_serial + '</a>';
                }
            },
            {
                render: function (data, type, full, meta) {
                    return '<b>Serial: </b>'+'<a id="t_modem" href = "#" >' + full.modem_serial + '</a>';
                }
            },
            {data: "installed_date"},
            {data: "ip_address"},
            {
                defaultContent: "", render: function () {
                return "<a id='download'  >Download Report</a>";
            }
            },
            {data: "notes"}
        ];

        //ArrayCreation
        var ddata = !{JSON.stringify(dispatched_data)};
        //alert(JSON.stringify(ddata));
        var dataset = [];

        for (var k in ddata) {
            dataset.push({
                "client_name": ddata[k].client_name,
                "branch_code": ddata[k].branch_name,
                "router_serial": ddata[k].router_serial,
                "data_card_serial": ddata[k].data_card_serial,
                "sim_number": ddata[k].sim_number,
                "modem_serial": ddata[k].modem_serial,
                "idu_serial": ddata[k].idu_serial,
                "installed_date": ddata[k].installation_date,
                "ip_address": ddata[k].ip_address,
                "ir_report": ddata[k].ir_report,
                "notes": ddata[k].notes
            });
        }
        //alert(JSON.stringify(dataset));
        //alert('After: '+JSON.stringify(dataset));
        var thistable = $('#example').DataTable({
            deferRender: true,
            scrollX: true,
            scrollY: true,
            scrollCollapse: true,
            scroller: true,
            paging: true,
            info: false,
            data: dataset,
            columns: col,
            dom: 'lfrtip',
            order: [[1, "asc"]]
        });

я много пробовал .. но ничего не понял .. я новичок в веб-разработке.


person Community    schedule 27.08.2017    source источник
comment
Судя по вашему синтаксису, вы пытаетесь использовать бутстрап. Включили ли вы сопутствующий плагин всплывающей подсказки, как описано на странице начальной загрузки?   -  person Bindrid    schedule 28.08.2017
comment
Проверьте это - stackoverflow.com/a/36384326/4050261   -  person Adarsh Madrecha    schedule 10.02.2018
comment
Возможный дубликат всплывающего окна при наведении не работает на второй странице данные   -  person davidkonrad    schedule 21.03.2018