0

この画像は、これらのデータをどのように表示したいかを明確にします。

html 検証エラーなしで ol li とテーブルを並べて使用するにはどうすればよいですか? この種のデータを表示する必要があります。ページネーション付きの約1000行のデータがあります。どうすれば統合できますか？

4

3 に答える 3

3

各行の最初のセルでカウンター CSS を使用してから、スタイルを設定します。セレクター: tr :first-child大丈夫なはずです。
CSS COUNTER の詳細: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

于 2013-06-14T06:40:15.877 に答える
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>
于 2014-06-04T13:12:24.647 に答える
0 

<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>

于 2013-06-21T05:22:53.443 に答える