Close

Collapsible/expandable row table

This is an example of a collapsible/expandable row table, designed using HTML, CSS, and Bootstrap framework 4. The form consists of four data cells, named as demos. The font style is imported to the code using its URL. The body of the form is given the styles of background as #eee, and font-family as Assistant, sans-serif. The data cells are given the styles of border-collapse as separate, border-spacing as 0 4em, background as #ffffff, border-bottom as 5px solid transparent, background-clip as padding-box, and cursor as pointer to get the hand cursor effect in a hover event. The collapsible row of the data cell is given a background-color of #000, and a font color of #fff. The data cell is set to reveal the collapsible child thread, in a checked event, with a transition effect of all 0.3s ease-in-out. The status of the column is created using three success type badges and one danger type badge to display the status of the cell. Source: https://bbbootstrap.com/snippets/bootstrap-collapsible-expandable-row-table-26382307

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.