of your html page when using the responsive table generator code on sites not in UNLcms or the UNL.edu framework –>:root {–bg-table-stripe: #f6f6f5;–b-table: #e3e3e2;–caption: #242423;}table {background-color: transparent;border-collapse:collapse;font-family: Arial, Helvetica, sans-serif}th {text-align:left}.dcf-txt-center {text-align: center!important}.dcf-txt-left {text-align: left!important}.dcf-txt-right {text-align: right!important}.dcf-table caption {color: var(–caption);font-size: 1.13em;font-weight: 700;padding-bottom: .56rem}.dcf-table thead {font-size: .84em}.dcf-table tbody {border-bottom: 1px solid var(–b-table);border-top: 1px solid var(–b-table);font-size: .84em}.dcf-table tfoot {font-size: .84em}.dcf-table td, .dcf-table th {padding-right: 1.78em}.dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {border: 1px solid var(–b-table)}.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {padding-left: 1em;padding-right: 1em}.dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {border-bottom: 1px solid var(–b-table)}.dcf-table-striped tbody tr:nth-of-type(2n) {background-color: var(–bg-table-stripe)}.dcf-table thead td, .dcf-table thead th {padding-bottom: .75em;vertical-align: bottom}.dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {padding-top: .75em;vertical-align: top}.dcf-table tbody td, .dcf-table tbody th {padding-bottom: .75em}.dcf-table-bordered thead th {padding-top: 1.33em}.dcf-wrapper-table-scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;left: 50%;margin-left: -50vw;margin-right: -50vw;padding-bottom: 1em;position: relative;right: 50%;width: 100vw}@media only screen and (max-width:42.09em) {.dcf-table-responsive thead {clip: rect(0 0 0 0);-webkit-clip-path: inset(50%);clip-path:…
Read the full article here
