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.