dotnet
[Feature Request] Expand table / Collapse table
Is your feature request related to a problem? Please describe. If you have a markdown table they will might reach the limit if you are using the "Navigation" on the left side and "In this article" on the right side. E.g. as shown here: https://dotnet.github.io/docfx/docs/markdown.html?tabs=linux%2Cdotnet#settings
Describe the solution you'd like Microsoft is using in their documentation a "Expand table"-feature to expand the table to the full width of the website in a layover. As shown in this example: https://learn.microsoft.com/en-us/azure/role-based-access-control/role-definitions#what-tools-support-using-azure-roles-for-data-actions
Microsoft is using in their documentation a "Expand table"-feature to expand the table to the full width of the website in a layover.
Glad you like it. It is a new feature Learn team shipped just recently.
@yufeih I know how to fix this, but I'm finding it a bit overwhelming to get started with the project structure. I'm uncertain about how to implement this across all the tables available in the documentation?
This could be a JS only changes here, by grabbing all the large tables and attach an expand button above the table.
To develop locally, you can ignore all the C# projects and simply run npm start under the templates folder.
To be honest, I have no clue how I should do it. @yufeih or @soniyaprasad77 can you might give an example of how I can expand and collapse this markdown table example?
|Column1|Column2|Column3|Column4|Column5|
|----------|----------|----------|----------|----------|
|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et blandit nunc, sed accumsan ex. Quisque vel dictum dolor. Suspendisse potenti. Morbi consequat eros quam, sed luctus massa pellentesque vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi dignissim, enim vel ornare faucibus, metus nibh blandit enim, eu efficitur nulla turpis vel dolor. Sed elit ex, tincidunt at pulvinar sit amet, vulputate sed arcu. Etiam scelerisque odio sed vulputate commodo. Curabitur sit amet magna sem.|Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent ornare mauris eu mi imperdiet scelerisque. Nam dapibus felis mi, auctor porttitor felis congue sit amet. Sed posuere sit amet ex sit amet hendrerit. Duis euismod bibendum lacus eget consequat. Aliquam eu dolor consequat, facilisis ipsum a, dignissim turpis. Mauris volutpat sem nec neque commodo, a aliquet urna pellentesque. Curabitur malesuada mi orci, at congue leo imperdiet quis. Etiam non mollis libero.|Integer volutpat arcu sed neque tristique auctor. Praesent tempor ipsum lacus, et pulvinar tellus tempus vel. Integer consectetur non eros non aliquet. Suspendisse tempus cursus ex, ut consequat felis tristique eu. Ut cursus facilisis nisl quis faucibus. Cras aliquam massa ipsum, sit amet faucibus ex accumsan at. Nullam faucibus, augue sed viverra rhoncus, erat diam condimentum diam, lacinia rhoncus lacus quam quis ligula.|Aenean volutpat quis sem non dapibus. Donec non velit diam. Maecenas quis vulputate risus, at volutpat nulla. Nullam in est imperdiet, dictum nisi vitae, vehicula ligula. Pellentesque molestie, lorem vel facilisis rhoncus, urna elit malesuada nulla, placerat tempus tortor risus a eros. Vestibulum at lacus dictum, faucibus tellus vitae, bibendum odio. Proin tempor ante ut dui blandit maximus. Sed sodales fringilla tortor, in fermentum velit imperdiet eget.|Pellentesque tristique auctor tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat pulvinar arcu. Donec fermentum, lectus ut scelerisque luctus, lectus ante bibendum libero, vitae ornare leo nulla sit amet libero. Cras ut est at nulla aliquam congue quis ac odio. Mauris facilisis at enim in porta. Phasellus ut ante in felis ultrices vestibulum. Sed viverra urna id risus sollicitudin, sed efficitur orci commodo. Quisque interdum, nulla id rhoncus pulvinar, mauris purus lacinia mi, id vulputate turpis purus at neque. In cursus id dui pretium tincidunt. Donec et metus scelerisque, sollicitudin diam ullamcorper, lacinia dolor. Nunc viverra urna vel risus ultrices feugiat.|