問題タブ [cellpadding]

テーブルの行に行番号を追加するために、以下の CSS コードを使用しました。

しかし、それは10行目の直後にコンテンツが整列していません。下の画像を参照してください。

しかし、私はこのようなものが欲しい:

私も追加しようとpaddingしましたが、それは実用的な解決策ではありません。

これをどのように修正しますか？

これが私のフィドルです。

たぶん私はうるさいです。すべての td 要素を編集せずに、セルのパディングを一部のテーブルに配置したいが、他のテーブルには配置したくない。テーブルの cellpadding プロパティを使用しないことを意味する html5 準拠にしたいと思います。しかし、セルパディングと同等のもの、つまり、テーブルごとにテーブル全体のプロパティに適用できるものが欲しいです。

さらに複雑にするために、セル間隔プロパティを使用して除外すると思われる折りたたまれた境界線が必要です。そこでできるトリッキーなことはありますか？

JSP に次のコードがあります。

それがファイル全体です。

IFrame に配置される JSP 内にあります。何が cellpadding 値に干渉しているのかわかりません。各値はテーブル セルの境界から 10 ピクセルである必要がありますが、そうではありません。ここで何が欠けていますか？

出力は次のとおりです。

Chrome の「検査」ウィンドウの関連セクションは次のとおりです。

プレゼンテーションの問題により、グリッドビューを通常の html テーブル内に配置しました。しかし、cellpadding プロパティは機能しません。グリッドビューがテーブルの外に出されるとすぐに、セルパディングが正常に機能します。したがって、これはブラウザーでのグリッドビューの最終的なレンダリングと関係があると思います。

これが可能かどうか知っている人はいますか？テーブルにグリッドビューを含む回避策はありますか?

このテーブルとカスタム CSS コードはhttps://jsfiddle.net/g9a4sL6r/にあります。

ご覧のとおり、表の行の高さは 28 ピクセルですが、コンテンツの高さは 14 ピクセルしかありません。追加のパディングを取り除きたいので、テーブル行も高さ 14px になります。

stackoverflow が必要とするコードは次のとおりです。

CSS