I have implemented the example found here in my project and now I am trying to make the table stretch to fit the entire page.
To achieve this, I have added the following CSS:
html, body{
height: 100%;
}
#gridContainer {
height: 100%;
}
table{
width: 100%;
height: 100%;
}
The issue I am facing is that only the table header is visible on the page and it is appropriately stretched. However, the rows are not displaying. I have also tried rearranging the placement of the <script>
tag before the <style>
tag but it did not solve the problem.
Any suggestions on how I can resolve this?