datatables doesn't work with Twitter Bootstrap Popover()

maykino

Hi, I initiate the datatables plugin this way:

[code] var aSelected = [];
var oTable = $('#data-table').dataTable({
"aaSorting": [[1, "desc"]],
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aoColumnDefs": [{"bSortable": false, "aTargets": [0, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 21, 22]}],
"bProcessing": true,
"bServerSide": true,
"sDom": '<"toolbar">frtip',
"sAjaxSource": "migration/display_migrations_json",
"fnRowCallback": function(nRow, aData, iDisplayIndex) {
if (jQuery.inArray(aData.DT_RowId, aSelected) !== -1) {
$(nRow).addClass('row_selected');
}
},
"fnCreatedRow": function(nRow, aData, iDataIndex) {
$(nRow).attr('id', aData[1]);
}

});

oTable.$(".popover_show").popover();[/code]


and the element inside of the table looks like this:

[code]popover1[/code]


For some reason the popover doesn't work.