trタグ後のpsudo要素の固定

Question

以下のフィディドでは、スクロール中に非固定trタグ内の余分なtd要素が表示されます。 追加のtdは、削除ボタンのようなもので、スクロール時に固定されたtrタグの下に隠れる必要があります。純粋なCSSを使用するだけで非表示にすることは可能ですか？この

.fixedTr td:last:after{ 
    ...something 
} 

Fiddle Link

Answer 1

代替のような 何か：

$('.firstTr > td').css('top', _top-2); 

Answer 2

と

$('.firstTr > td').css('top', _top); 

あなたはなぜ余分なtdを追加し、ちょうどfirstTr

またはこのcss除くすべてのtrから余分な<td>Something</td>を削除することができます。

tr > td:last-child{ 
display:none; 

} 
tr.firstTr > td:last-child{ 
    display:table-cell; 
} 

編集

スクロールあなたが達成したい何

$('table').scroll(function() { 
    var _left = $(this).scrollLeft(); 
    var _top = $(this).scrollTop(); 
    $('.firstTd').css('left', _left); 
    $('.firstTr > th').css('top', _top); 

    if($(this).scrollTop() > 20){ 
    $('tr > td:last-child').hide(); 
    } 
    else $('tr > td:last-child').show(); 
}); 

Fiddle