Как показать всплывающую подсказку в ячейке с данными и как заполнить данные в табличном формате во всплывающей подсказке

Question

Ниже приведен мой код создания данных. в столбце «Показать подробности» мне нужно показать подсказку. Я написал ниже для этой камеры, но я столкнулся с двумя проблемами. 1) Значение из функции рендеринга переопределяет значение моей ячейки. Таким образом, «Показать детали» заменяется значением из функции рендеринга. 2) Значения, которые я получаю от 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>';
                                                }
                                           }

                                           ],
}

} );
            }