Question

我需要在html表的每一行显示以下内容 -
xml doc1，xml doc2，文本（最多1-15行），其他几个小尺寸列。

如果我使用pre，xml看起来很乱。如果我不使用pre，那么xml就可以在一起使用，这可能没问题，因为无论如何它都不会好看。我正在考虑使用非常小的字体来显示XML。用户可以从html复制并粘贴到某些编辑器中，如果他们想要查看详细信息。

我希望它能够做出回应！如果较小的尺寸主要是xml，我可以让列消失。

我没有任何优秀的CSS设置来获得反馈，所以在这里寻求帮助...
itemDetails和引用是xml内容。

<table class="cssfortable">
    <tr>
        <th>Number</th>
        <th>ItemDetails</th>
        <th>References</th>
        <th>Verifications</th>
        <th>Result</th>
    </tr>
    <tr th:each="test,iterationStatus  : ${tests}">
        <td><pre th:utext="${iterationStatus.count}"></pre></td>
        <td><pre th:utext="${test.itemsDetails}"></pre></td>    
        <td><pre th:utext="${test.references}"></pre></td>
        <td><pre th:utext="${test.verifications}"></pre></td>
        <td><pre th:utext="${test.result}"></td>                                                                        
    </tr>
</table>

使用以下css显示正常，除非我减少屏幕尺寸列开始被切断。这不是一个大问题，但如果有更优雅的方式来显示数据，请建议。

#main table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
#main tr:nth-of-type(odd) { 
  background: #eee; 
}
#main th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
#main td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

在html表列中显示xml内容

0 个答案: