| Username | Last Name | First Name | Status | |
|---|---|---|---|---|
| Expand/collapsehnguyen | Nguyen | Hue | hue.nguyen@optum.demo | Active |
| # | # | # | # | # |
| # | # | # | # | # |
| Expand/collapsejolsen | Olsen | Jeremy | jeremy.olsen@optum.demo | Active |
| # | # | # | # | # |
| # | # | # | # | # |
| nprice | Price | Natalia | natalia.price@optum.demo | Inactive |
| jradcliffe | Radcliffe | Jennifer | jennifer.radcliffe@optum.demo | Active |
| bryan | Ryan | Brendan | brendan.ryan@optum.demo | Active |
| msanders | Sanders | Melanie | melanie.sanders@optum.demo | Active |
| bsorens | Sorensen | Brian | brian.sorensen@optum.demo | Inactive |
| etarkington | Tarkington | Elizabeth | elizabeth.tarkington@optum.demo | Active |
| rtuhey | Tuhey | Richard | richard.tuhey@optum.demo | Active |
| svalentin | Valentino | Samantha | samantha.valentino@optum.demo | Active |
Any row that is expandable should get the class ux-tabl-expandable-row. Once the user expands it it should also get the class ux-tabl-expandable-row-expanded. Its "child" rows should be the next rows in the table and get a class of ux-tabl-expandable-row-child. By default these rows are not displayed. If the user expands a row you should set these rows to visible using the table-row value of the display: property.
©2015 - Matt Lavallee - Senior UI/UX Designer Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt ligula dui, ut sodales tortor. Integer cursus, nisl a aliquet congue, diam metus dapibus risus, eget lacinia sapien est in mauris. Maecenas et neque sed neque tristique commodo id non massa. Aliquam eget egestas neque. Suspendisse mauris nisl, accumsan sit amet ullamcorper sed, tincidunt at justo.