I am interested in developing a webpage that showcases different versions of my code in a tabular format, arranged in reverse chronological order. An example of how I want it to look is provided below.
Number Release Date End Date Requires Release Note
----------------------------------------------------------------------------
3.2 12/31/2013 03/31/2014 Foo 1.0, Bar 2.1 [Link]
3.1 11/30/2013 01/31/2014 Foo 0.8, Bar 2.0 [Link]
3.0 10/15/2013 01/07/2014 Foo 0.8, Bar 2.0 [Link]
...
1.0 06/30/2013 09/15/2013 Foo 0.5, Bar 1.6 [Link]
I have already created this table using HTML and CSS. However, as the number of versions increase, the table will become too lengthy. I would like to keep all release information without cluttering the main page. Is there a way to automatically shift part of the table to a separate HTML file, perhaps through CSS configurations or other methods?
Here is an example of the desired outcome:
Number Release Date End Date Requires Release Note
----------------------------------------------------------------------------
9.2 12/31/2016 03/31/2017 Foo 6.0, Bar 8.1 [Link]
9.1 11/30/2016 01/31/2017 Foo 5.8, Bar 7.0 [Link]
9.0 10/15/2016 01/07/2017 Foo 5.8, Bar 7.0 [Link]
...
7.0 06/30/2016 09/15/2017 Foo 5.5, Bar 6.6 [Link]
[Older releases]
[Older releases] would serve as a link to the separate HTML file containing older versions. I am seeking a way to automatically transfer content to a new file without the need for manual intervention with each new release.
I am a novice in web design and would appreciate guidance on where to find information on achieving this functionality. If HTML/CSS is not the solution, I am open to exploring other resources to assist me in this endeavor.