I have a table in HTML using Bootstrap :
WiththecodeinCSSbelow,Icanautomaticallyhidethelast3columnswhenthepageisresizedtoaresolutionof600(width):
<style>@mediascreenand(max-width:600px){tableth:nth-child(3),tableth:nth-child(4),tableth:nth-child(5){display:none;}tabletd:nth-child(3),tabletd:nth-child(4),tabletd:nth-child(5){display:none;}}</style>
Lookinglikethis:
ButIwouldlikeittolooklikethis:
Andwhenyoujustclickedon+,itwouldlooklikethis:
Do you have to do with bootstrap or javascript?