Datatables 如何在datatable单元格上显示工具提示,以及如何在工具提示中以表格格式填充数据?

Datatables 如何在datatable单元格上显示工具提示,以及如何在工具提示中以表格格式填充数据?,datatables,Datatables,下面是我的数据表创建代码。在“显示详细信息”列中,我需要显示工具提示。我在下面为那个单元写过信,但我面临以下两个问题 渲染函数的值超出了单元格的值。所以,表演 “详细信息”将被渲染函数的值替换 我从ajaxSource获得的值,我需要在 工具提示中的表格格式。下面是我的代码: 代码 function testDataTable() { var columnIndex=$('#columnIndex').val(); var sortBy=$

下面是我的数据表创建代码。在“显示详细信息”列中,我需要显示工具提示。我在下面为那个单元写过信,但我面临以下两个问题

  • 渲染函数的值超出了单元格的值。所以,表演 “详细信息”将被渲染函数的值替换
  • 我从ajaxSource获得的值,我需要在 工具提示中的表格格式。下面是我的代码:
  • 代码

    function testDataTable() {
    
                 var columnIndex=$('#columnIndex').val();
    
                 var sortBy=$('#sortBy').val();
    
                 var resultPerPage=$('#resultPerPage').val();
    
              if(columnIndex=='' || sortBy==''){
                      resultPerPage=20;
                      columnIndex=0;
                      sortBy="desc";
                  }
    
                testDataTable= $('#testDataTable').dataTable({
                    "bProcesing" : true,
                    "bServerSide" : true,
                    "sort" : "position",
                    "destroy" : true,
                    "processing" : true,
                    "bFilter" : false,
                    "bLenthChange" : false,
                    "iDisplayLength" : 4,
                    "sAjaxSource" : "getRulesDetails.act",
                    "order" : [ [ columnIndex, sortBy ] ],
                    "pageLength" : Number(resultPerPage),
                    "columnDefs": [
                                    { "orderable": false, "targets":[3, 4] }
                                ],
                                "aoColumns" : [
                                               {
                                                   "mData" : "crId"                                    
                                               },
                                               {
                                                    "mData" : "crNo"
    
                                               }, 
                                               {
                                                   "mData" : "sbNo"
    
                                               },
                                               {
                                                   "mData" : "matchType"
    
                                               },
                                               {
                                                   "mData" : null,
                                                   "defaultContent": 'Show Details',
                                                   "render": function (data, type, full, meta) {
                                                        return '<span data-toggle="tooltip" title="Testing"></span>';
                                                    }
                                               }
    
                           ],
    }
    
    } );
                }
    
    函数testDataTable(){
    var columnIndex=$('#columnIndex').val();
    var sortBy=$('#sortBy').val();
    var resulterpage=$('#resulterpage').val();
    如果(columnIndex=''| | sortBy=''){
    结果平均年龄=20;
    柱状指数=0;
    sortBy=“desc”;
    }
    testDataTable=$('#testDataTable')。数据表({
    “b过程”:正确,
    “bServerSide”:正确,
    “排序”:“位置”,
    “毁灭”:真的,
    “处理”:对,
    “bFilter”:错误,
    “bLenthChange”:错误,
    “iDisplayLength”:4,
    “sAjaxSource”:“getRulesDetails.act”,
    “订单”:[[columnIndex,sortBy]],
    “pageLength”:数字(结果页),
    “columnDefs”:[
    {“orderable”:false,“targets”:[3,4]}
    ],
    “aoColumns”:[
    {
    “mData”:“crId”
    },
    {
    “mData”:“crNo”
    }, 
    {
    “mData”:“sbNo”
    },
    {
    “mData”:“匹配类型”
    },
    {
    “mData”:空,
    “defaultContent”:“显示详细信息”,
    “呈现”:函数(数据、类型、完整、元){
    返回“”;
    }
    }
    ],
    }
    } );
    }