html - 如何在没有 html 验证错误的情况下并排使用 ol li 和 table？

Question

如何在没有 html 验证错误的情况下并排使用 ol li 和 table？我需要展示这些数据。我有大约一千行带有分页的数据。我该如何整合它？

Answer 1

在每行的第一个单元格上使用计数器 CSS，然后设置样式。选择器： tr :first-child应该没问题。
更多关于 CSS COUNTER：https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

Answer 2

Gcyrillus 是对的：我创建了一个 CSS 计数器“mycount”，然后每次我想打印时都使用一个类属性。
这里的CSS代码：

<style type="text/css">
body {
    counter-reset: mycount;           /* Set the counter to 0 */
}
.mycount:before{
    counter-increment: mycount;      /* Increment the counter */
    content: counter(mycount) ". "; /* Display the counter */
}
</style>

和 html 表：

<table>
  <tr>
    <td><span class="mycount"></span></td>
    <td>Snow Partridge</td>
    <td>लरवान&lt;/td>
    <td>Chinese Version</td>
  </tr>
  <tr>
    <td><span class="mycount"></span></td>
    <td>Tibetan Snowcock</td>
    <td>कोङ्मा हिउकुखुरा&lt;/td>
    <td>Chinese Version</td>
  </tr>
</table>

Answer 3

<table cellspacing='0' cellpadding='0' border='0' class='table-list' style="width:100%;">
    <tr>
        <td valign="top" style="padding-right:20px;">
            <ol>
                <li>Snow Partridge</li>
                <li>Tibetan Snowcock</li>
            </ol>
        </td>
        <td valign="top" style="padding-right:20px;">
            <ul>
                <li>लरवान&lt;/li>
                <li>कोङ्मा हिउकुखुरा&lt;/li>
            </ul>
        </td>
        <td valign="top" style="padding-right:20px;">
            <ul>
                <li>Chinese Version</li>
                <li>Chinese Version</li>
            </ul>
        </td>
    </tr>
</table>