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>

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

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

      • &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;

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

          • &#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); ...

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

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

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

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

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

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

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

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

ログイン ユーザー登録
ようこそ ゲスト さん