基本的に、動的データを含む通常のテーブルがあります。スタイリングの目的で、各trの下にテーブルヘッダーを挿入しているので、テーブルに二重の境界線の効果を得ることができます。これはセマンティクスの観点からは少し悪いと思いますが、それが私が望むように効果を発揮させる唯一の方法でした。私のtrには境界線の上部がありますborder-collapse: collapse;
が、テーブルに必要なため境界線の下部が表示されません。だから私のアイデアは、各trの後に何かを挿入して、希望の外観を実現するために境界線または背景色を適用できるようにすることでした。
私の今の問題は、IEでは.afterが余分なthを挿入していないように見えるため、二重の境界線が表示されないことです。
まず、私が望む効果を得るより良い方法があります。次に、IEが機能しないのはなぜですか?
これは私のJqueryです:
$(document).ready(function() {
$('.details tr, .detailsinner tr').after('<th class="line" colspan="2"></th>');
});
よろしくM