鼠标放到table第二列，显示详细信息

css：
html：

js：
const table = document.getElementById('table');
const detailDiv = document.getElementById('detail');
table.addEventListener('mouseover', function (event) {
if (event.target.tagName === 'TD' && event.target.cellIndex === 2) {
const cellValue = event.target.textContent;
//根据CODE 查询销货单的详细信息
$.ajax({
type: "POST",
url: '<%=basePath%>order_supply/GetSaleDelivery_b.do?tm='+new Date().getTime(),
data: {CODE:cellValue},
dataType:'json',
cache: false,
async:false,
success: function(data){
detailDiv.style.display = 'block';
detailDiv.style.left = event.pageX + 'px';
detailDiv.style.top = event.pageY + 'px';
// alert(data.htmlTable);
detailDiv.innerHTML = data.htmlTable;
// detailDiv.textContent = '111111';
}
});

        }
    });

    table.addEventListener('mouseout', function (event) {
        if (event.target.tagName === 'TD' && event.target.cellIndex === 2) {
            detailDiv.style.display = 'none';
        }
    });

Java：@RequestMapping({"/GetSaleDelivery_b"})
@ResponseBody
public Object GetSaleDelivery_b()
throws Exception
{
PageData pd = new PageData();
pd = getPageData();
Session session = Jurisdiction.getSession();
String ZT = (String)session.getAttribute("ZT");
pd.put("ZT", ZT);

	    List<PageData>	List=order_supplyService.listAll_SaleDelivery_b(pd);
	    //
	    StringBuilder htmlTable = new StringBuilder();
	    BigDecimal decimal=new BigDecimal("0");
        htmlTable.append("<table  class='table table-striped table-bordered table-hover' style='margin-top:5px;'>");
        htmlTable.append("<tr><th>产品编码</th><th>产品名称</th><th>规格型号</th><th>计量单位</th><th>发货数量</th></tr>");
        for(int i=0;i<List.size();i++){
        	PageData pd_b=List.get(i);
        	htmlTable.append("<tr><td>"+pd_b.getString("code")+"</td><td>"+pd_b.getString("name")+"</td><td>"+pd_b.getString("specification")+"</td><td>"+pd_b.getString("unitname")+"</td><td>"+pd_b.get("quantity").toString()+"</td></tr>");
        	decimal=decimal.add(new BigDecimal(pd_b.get("quantity").toString()));
        }
        System.out.println();
        htmlTable.append("<tr><td colspan='4'  class='center'>合计:</td><td>"+decimal+"<td></tr></table>");	
	    pd.put("htmlTable", htmlTable.toString());
	    pd.put("List", List);
	    return AppUtil.returnObject(new PageData(), pd);
	  }