小编Ale*_*x01的帖子

工具提示不适用于数据表子行

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)

jquery datatables datatables-1.10

6
推荐指数
2
解决办法
3474
查看次数

标签 统计

datatables ×1

datatables-1.10 ×1

jquery ×1