Bootstrap Tooltip不适用于使用jQuery DataTables的子行.
随着fnDrawCallback
它工作在正常行,但对孩子的行没有影响,我不知道如何使它工作.
"fnDrawCallback": function( oSettings ) {
$('[rel="tooltip"]').tooltip();
}
Run Code Online (Sandbox Code Playgroud)
请参阅子行和fnDrawCallback以供参考.
HTML示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
<title>DataTables example - Child rows (show extra / detailed information)</title>
<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
<style type="text/css" class="init">
td.details-control {
background: url('../resources/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('../resources/details_close.png') no-repeat center center;
}
</style> …
Run Code Online (Sandbox Code Playgroud)