2018-07-03

anond:20180703165428

<html>

<head>

<style type="text/css">

table {

counter-reset: rowCount;

}

table > tbody > tr {

counter-increment: rowCount;

}

table > tbody > tr > td:first-child::before {

content: counter(rowCount);

}

</style>

</head>

<body>

<table>

<thead>

<tr>

<th></th>

<th>column1</th>

<th>column2</th>

</tr>

</thead>

<tbody>

<tr>

<td></td>

<td>foo</td>

<td></td>

</tr>

<tr>

<td></td>

<td>bar</td>

<td></td>

</tr>

<tr>

<td></td>

<td>baz</td>

<td></td>

</tr>

</tbody>

</table></body>

</html>

記事への反応 -
  • CSS詳しい人教えて

    表の行頭に連番を振りたいんだけど 調べて出てくるソースをコピペしても上手く表示できない。 なんで?? HTML内に書き込んでもダメ。 なんで???? どうしたら行頭に番号振れるん...

    • anond:20180703162756

      ソースを透視する能力ないからわかんねーよ

      • anond:20180703163232

        &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html lang=&quot;ja&quot;&gt;&lt;head&gt; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=Shift_JIS&quot;&gt; &lt;title&gt;

        • anond:20180703163533

          https://qiita.com/hoto17296/items/c904a00ec48230d8d265 これやってもダメ。 行頭に番号は振られない。

          • anond:20180703165428

            &#60;html&#62; &#60;head&#62; &#60;style type="text/css"&#62; table { counter-reset: rowCount; } table &#62; tbody &#62; tr { counter-increment: rowCount; } table &#62; tbody &#62; tr &#62; td:first-child::before { content: counter(rowCount); ...

            • anond:20180703170240

              できたああああああああああああああああ!!!!!!!1 親切な増田、超ありがとう!!!!!!1 ありがとうありがとうありがとう!!!!!!!!!!!!!!

          • anond:20180703165428

            これでいけんぞ Table tr{ counter-increment: count; } Table tr td:before{ content:counter(count); }

            • anond:20180703165928

              ごめんダメだわ。やり方が違うのかも。 HTMLタグの中のbodyタグの中にtableコピペして、 CSS参照とあるけどまずは同じHTML内からのほうが良いかなと思って bodyタグの最後にjavascriptのscriptタ...

          • anond:20180703165428

            まさかCSS定義してないとかじゃないよな? ブラウザがIE6とか

            • anond:20180703165932

              元々使ってるCSSがあるからそれに上書きした。 ほかにTABLEタグに関わるもの等ないのは確認済み。 IEは8だったと思う。 Chromeで見ても同じ。

          • anond:20180703170239

            なんでscriptなんだよstyleタグの中にかけ https://anond.hatelabo.jp/20180703165428

        • anond:20180703163533

          全文貼ろうにも文字化けしちゃうんだよなぁ。

記事への反応(ブックマークコメント)

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん