Css Tablo Scroll
tbody{
max-height: 70vh;
display: block;
overflow-y: scroll;
}
Bu şekilde tbody verildiğinde max-height çalışmıyor ve tabloda 1 tane satır dahi olsa scroll çalışıyor. Bunun nasıl önüne geçebilirim?
( Div oluşturup dive scroll vermek istemedim )
Eğer tbody etiketine bir max-height değeri verdiyseniz ve bu değer çalışmıyorsa,
olası nedenlerden biri tbody etiketinin varsayılan olarak display: table-row-group değeri olmasıdır.
Bu, tbody etiketinin bir tablo satır grubu olarak görüntülenmesine neden olur ve bu nedenle max-height özelliği çalışmaz.
Bu sorunu çözmek için, tbody etiketine display: block değeri verin.
Bu, tbody etiketini bir bloğa dönüştürerek, max-height özelliğini kullanmanıza izin verecektir.
Örnek kod :
tbody {
display: block;
max-height: 200px;
min-height: 100px;
overflow-y: scroll;
}
Bu örnekte, tbody etiketi bir bloğa dönüştürülür ve max-height değeri 200px olarak ayarlanır.
overflow-y: scroll değeri, tbody etiketinin içeriğinin kaydırılmasına izin verir.
Bu şekilde, tbody etiketinin içeriği 200px'lik bir alana sığacak şekilde kaydırılabilir hale gelir.