title: Tables within tables with JavaScript
body: <p>I'm working with some student data and as this is not the first time this structure has occurred. I have to present some data on student performance in the discipline and inform myself that it would be interesting to also show a history of newcomers. In short, they said it would be nice to have a table containing tables. I thought of a structure as shown in the images below.</p>
  <p><a href="https://i.stack.imgur.com/AmiWM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AmiWM.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/XXVmQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XXVmQ.png" alt="enter image description here" /></a></p>
  <p>I remember when I was a .NET programmer having something like that in Syncfusion. I looked for some javascript plugins, but none of them served me well. Any suggestion? With JavaScript and CSS only possible?</p>