Javascript 如何将表格显示为<；的工具提示；td>；使用jquery在MVC中动态创建的表中进行标记

我想将表结构显示为动态创建表中“td”标记的工具提示。比如，我使用jquery动态创建一个表。我想展示另一个表结构，其中有三行作为“td”的工具提示，它具有class='tool-tip'

    var html = '<tr class="trList">';

    html += '<td style="display:none" class="tdEmpCompId"><span class="spcompempId">'+data.GetEmployeesDetails[i].EMP_COMP_ID+'</span></td>';
    html += '<td  style="text-align: left" class="tdEmpName"><a class="text-success accordion-toggle ViewTimesheet" data-toggle="collapse" data-target="#demo1" id="view1" rel="' + data.GetEmployeesDetails[i].EMP_ID + '"><i class="fa fa-lg fa-plus-circle"></i></a></td>';
    html += '<td class="tool-tip"><i class="fa fa-list"></i></td>';
    html += '<td  style="text-align: left"><input type="text" id="GetEmployeesDetails_' + i + '__EMPLOYEE_NAME" value="' + data.GetEmployeesDetails[i].EMPLOYEE_NAME + '" class = "project-input", readonly ="true", style = "width:180px;text-align:left;"  /></td>';
    html += '<td style="text-align: left"><input type="text" id="GetEmployeesDetails_' + i + '__RES_TYPE" value="' + data.GetEmployeesDetails[i].RES_TYPE + '" class = "project-input", readonly ="true", style = "width:180px;text-align:left;"  /></td>';
    html += '<td  class="tdStartDate" style="text-align: left" ><input type="text" id="GetEmployeesDetails_' + i + '__SDate" value="' + sweekDate + '" class = "project-input", readonly = "true"/></td>';
    html += '<td  class="tdEndDate" style="text-align: left" ><input type="text" id="GetEmployeesDetails_' + i + '__EDate" value="' + eweekDate + '" class = "project-input", readonly = "true" /></td>';
    html += ' <td  class="tdStatus" style="text-align: left"  title="' + status + '"><span class="' + spnClass + ' bg-radius" style="color:white;width:180px;">&nbsp;&nbsp;' + data.GetEmployeesDetails[i].EMP_STATUS + '&nbsp;&nbsp;</span></td>';

    html += '</tr>';
    $("#dt_basic").find('tbody').append(html);

var html=''；
html+=''+data.GetEmployeesDetails[i].EMP\u COMP\u ID+''；
html+=''；
html+=''；
html+=''；
html+=''；
html+=''；
html+=''；
html+=''+data.GetEmployeesDetails[i].EMP_STATUS+''；
html+=''；
$（“#dt_basic”）.find（'tbody'）.append（html）；

有关工具提示：

var tooltip=“员工Id:+data.GetEmployeesDetails[i].EMP\u COMP\u Id+”；
工具提示+=“员工姓名：”+data.GetEmployeesDetails[i]。员工姓名+”；
工具提示+=“电子邮件：+data.GetEmployeesDetails[i].PRI_Email_ID+”；

---

我曾尝试将“td”标记作为标题，但它并没有显示为表设计，而是显示为html表标记。任何人都请帮助我。提前感谢。

您需要使用自定义工具提示插件，我相信jQuery有几个插件。浏览器中内置的

title

功能不会呈现为HTML，它只是呈现为文本。还有，这些和MVC有什么关系？谢谢David。你能给我一些参考链接参考什么？HTML？也许？不，对于代码中使用的自定义插件。也许？

   var tooltip = "<div style='display:none;' ><table class='table-details'><tr><td>Employee Id:</td><td>" + data.GetEmployeesDetails[i].EMP_COMP_ID + "</td></tr>";
    tooltip += "<tr><td>Employee Name :</td>" + data.GetEmployeesDetails[i].EMPLOYEE_NAME + "</td></tr>";
    tooltip += "<tr><td>Email :</td>" + data.GetEmployeesDetails[i].PRI_EMAIL_ID + "</td></tr></table></div>";