<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style >
.wind{
overflow-y: scroll;
height: 400px;
width: 100%;
background-color: red;
display:block;
}
</style>
</head>
<body>
<div >Witamy
<table >
<thead><th>numer</th></thead>
<tbody class="wind" >
<?php
for ($i = 0; $i < 100; $i++) {
echo "<tr><td>" . $i . "</td></tr>"; }
?>
</tbody>
</table>
koniec
</div>
<script type="text/javascript">
$(window).on('load resize', function () {
var h = $(window).innerHeight()-50;
$('#wind').css('height', h + 'px');
});
</script>
</body></html>
To uproszczony mój kod. Nie działa ustawienie wysokości w skrypcie js. Myślałem, że coś źle robię w twigu, ale to problem z jquery i css.
Wygląda że pomyliłem grupę tematyczną. Temat z javascriptu. Wszystko namieszała tabela z overflow-y: scroll;. Nie mogę ustawić wyskości tbody, aby dostosować wielkość tabeli do okna przeglądarki.
przepraszam błąd w skrpycie , powinno być nie #wind tylko .wind. Dalej nie działa
przepraszam, namieszałem literówkę miałem. Kod działa, w innym twigu też. Mam jakiś błąd w tym właściwym twigu,