需求描述：點選表格中的資料，彈出一張具體資訊表。描述的不是很清楚，放效果圖，就明白了，上圖

放心，能看到的資料，都不是生產資料，我造的假資料，但是功能效果就是這樣，點選列表中的一行，彈出某些要展示的資訊。很明白吧！ha٩(๑>◡<๑)۶，下邊是程式碼

程式碼：

//html程式碼
<td>
　　<a href="#" th:text="${lists.batchCount}" th:onclick="|impNum('${lists.examId}')|"></a>
</td> 

<div id="impTable">
　　<table class="table table-striped table-bordered table-hover table-checkable"
           id="tableImp">
        <thead>
        <tr >
            <th>序號</th>
            <th>檔名</th>
            <th>狀態</th>
            <th>匯入資料條數</th>
            <th>匯入時間</th>
            <th>操作賬號</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

//js程式碼
function impNum(examId) {

    var impTable = $('#impTable')
    var url = rootPath + '/vraxx/batch/findDetail';
    var data = CommnUtil.ajax(url, {
        examId: examId
    }, "json");

   if (data!=''&& data!=null ){
       for (var i = 0; i < data.length; i++) {
           var tv = "<tr>" +
               '            <td>'+i+1+'</td>' +
               '            <td >' + data[i].fileName + '</td>' +
               '            <td >' + data[i].tempStatus + '</td>' +
               '            <td > ' + data[i].num + ' </td>' +
               '            <td>' + data[i].createDate + '</td>' +
               '            <td>' + data[i].createName + '</td>' +
               '            </tr>'
           $('#tableImp tbody').append(tv)
 
;
       }
     var index= layer.open({
         type:1,
           title:'XX詳情',
           btn: ['返回'],
           area: ['50%', '50%'],
           content: impTable,
           end:function () {
               layer.close(index);
               var prevDataPath = $("#topli li:last-child").prev();
               var prevDataPathVal = $(prevDataPath).attr("data-path");
               loadListView("AAAA", "BBBB", "0", "", prevDataPathVal);
           }
       });
   } else{
       layer.msg("未匯入");


   }

}
 

 總結：要注意的兩點在html中編輯好彈出層的展示內容impTable   ajax資料返回回來的時候拼接到table的body