Format demographic report tables — demo_table

Characteristics can be reordered using the chars argument, but traits within those groups will be ordered as they are in the data. The exception to this is for repeated options (e.g., "Yes" and "No"), which will be ordered in the way they first appear in the data.

Usage

demo_table_format(
  data,
  char_var = Characteristic,
  chars = c("Gender", "Race", "Region", "Companion Animals", "Went Fishing",
    "Handled Chickens"),
  char_header_blank = FALSE,
  stripe_fill = "lightblue",
  stripe_color = "white",
  text_color = "darkgray",
  na.rm = T,
  caption = NULL,
  return_html = FALSE,
  include_css = TRUE,
  write = FALSE,
  path = "table.txt",
  stripe_colour = NULL,
  text_colour = NULL,
  ...
)

Arguments

data: Required. A dataframe to be formatted as an html table. This dataframe should have the desired column names, with the exception of the main characteristic variable name, which can be overriden to blank.
char_var: Required. Variable that contains characteristics. Set to Characteristic by default.
chars: A vector of quoted characteristic groups. Table will be ordered in the same order these groups are listed. These should NOT include specific traits (e.g., "Woman"), but instead, only the groups those traits fall into (e.g. "Gender"). These are the rows that will be fill in a different color.
char_header_blank: If TRUE, the column specified in char_var will be set to blank. FALSE by default.
stripe_fill: Color to fill characteristic row. "lightblue" by default.
stripe_color: Color of text in characteristic row. "white" by default.
text_color: Color of text in non-characteristic rows and header. "darkgray" by default.
na.rm: Remove NA values from character columns and replace with blanks. TRUE by default. If FALSE, NA will show up in any cells where it appears in the data you feed into this function.
caption: A string to appear as a caption below the table. This is essentially functioning like a value in the additional row spanning the width of the table. Because of that, captions longer than the width of the table will stretch the table. A solution to this is to insert `\n` in your text, which will create a linebreak. You may also insert <br> in the raw HTML.
return_html: If TRUE, returns raw HTML of table. FALSE by default
include_css: If TRUE, returns inline CSS for table formatting. TRUE by default. This is only returned if return_html is also TRUE
write: If TRUE, write results to the file specified in the path argument. FALSE by default.
path: File path to be written to if write is TRUE. "table.txt" in working directory by default.
stripe_colour: See stripe_color
text_colour: See text_color
...: Other arguments

Value

An HTML table or raw HTML

Examples

temp_data <- data.frame(
"Trait" = c("Gender", "Woman or Other", "Man",
    "Income", "Less than $25,000", "$25,000 to $49,999", "$50,000 to $74,999",
    "$75,000 to $99,999", "$100,000 or more",
    "Education", "Less than high school graduate",
    "High school graduate", "Some college or university, no degree",
    "Associate's degree or college diploma", "Bachelor's degree",
    "Master's degree", "Professional or doctoral degree"),
"Percent" = c("", "49%", "51%",
    "", "12%", "20%", "19%",
    "22%", "27%",
    "", "3%",
    "18%", "17%",
    "18%", "32%",
   "10%", "3%"))
demo_table_format(temp_data,
char_var = Trait,
chars = c("Gender", "Income", "Education"))
#> <div id="hkuumsianf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
#>   <style>html {
#>   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
#> }
#> 
#> #hkuumsianf .gt_table {
#>   display: table;
#>   border-collapse: collapse;
#>   margin-left: auto;
#>   margin-right: auto;
#>   color: #333333;
#>   font-size: 16px;
#>   font-weight: normal;
#>   font-style: normal;
#>   background-color: #FFFFFF;
#>   width: auto;
#>   border-top-style: hidden;
#>   border-top-width: 2px;
#>   border-top-color: #A8A8A8;
#>   border-right-style: none;
#>   border-right-width: 2px;
#>   border-right-color: #D3D3D3;
#>   border-bottom-style: hidden;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #A8A8A8;
#>   border-left-style: none;
#>   border-left-width: 2px;
#>   border-left-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_heading {
#>   background-color: #FFFFFF;
#>   text-align: center;
#>   border-bottom-color: #FFFFFF;
#>   border-left-style: none;
#>   border-left-width: 1px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 1px;
#>   border-right-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_title {
#>   color: #333333;
#>   font-size: 125%;
#>   font-weight: initial;
#>   padding-top: 4px;
#>   padding-bottom: 4px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   border-bottom-color: #FFFFFF;
#>   border-bottom-width: 0;
#> }
#> 
#> #hkuumsianf .gt_subtitle {
#>   color: #333333;
#>   font-size: 85%;
#>   font-weight: initial;
#>   padding-top: 0;
#>   padding-bottom: 6px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   border-top-color: #FFFFFF;
#>   border-top-width: 0;
#> }
#> 
#> #hkuumsianf .gt_bottom_border {
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_col_headings {
#>   border-top-style: solid;
#>   border-top-width: 2px;
#>   border-top-color: #D3D3D3;
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #FFFFFF;
#>   border-left-style: none;
#>   border-left-width: 1px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 1px;
#>   border-right-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_col_heading {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: normal;
#>   text-transform: inherit;
#>   border-left-style: none;
#>   border-left-width: 1px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 1px;
#>   border-right-color: #D3D3D3;
#>   vertical-align: bottom;
#>   padding-top: 5px;
#>   padding-bottom: 6px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   overflow-x: hidden;
#> }
#> 
#> #hkuumsianf .gt_column_spanner_outer {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: normal;
#>   text-transform: inherit;
#>   padding-top: 0;
#>   padding-bottom: 0;
#>   padding-left: 4px;
#>   padding-right: 4px;
#> }
#> 
#> #hkuumsianf .gt_column_spanner_outer:first-child {
#>   padding-left: 0;
#> }
#> 
#> #hkuumsianf .gt_column_spanner_outer:last-child {
#>   padding-right: 0;
#> }
#> 
#> #hkuumsianf .gt_column_spanner {
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #FFFFFF;
#>   vertical-align: bottom;
#>   padding-top: 5px;
#>   padding-bottom: 5px;
#>   overflow-x: hidden;
#>   display: inline-block;
#>   width: 100%;
#> }
#> 
#> #hkuumsianf .gt_group_heading {
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: initial;
#>   text-transform: inherit;
#>   border-top-style: solid;
#>   border-top-width: 2px;
#>   border-top-color: #D3D3D3;
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#>   border-left-style: none;
#>   border-left-width: 1px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 1px;
#>   border-right-color: #D3D3D3;
#>   vertical-align: middle;
#> }
#> 
#> #hkuumsianf .gt_empty_group_heading {
#>   padding: 0.5px;
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: initial;
#>   border-top-style: solid;
#>   border-top-width: 2px;
#>   border-top-color: #D3D3D3;
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#>   vertical-align: middle;
#> }
#> 
#> #hkuumsianf .gt_from_md > :first-child {
#>   margin-top: 0;
#> }
#> 
#> #hkuumsianf .gt_from_md > :last-child {
#>   margin-bottom: 0;
#> }
#> 
#> #hkuumsianf .gt_row {
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   margin: 10px;
#>   border-top-style: solid;
#>   border-top-width: 1px;
#>   border-top-color: #D3D3D3;
#>   border-left-style: none;
#>   border-left-width: 1px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 1px;
#>   border-right-color: #D3D3D3;
#>   vertical-align: middle;
#>   overflow-x: hidden;
#> }
#> 
#> #hkuumsianf .gt_stub {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: initial;
#>   text-transform: inherit;
#>   border-right-style: solid;
#>   border-right-width: 2px;
#>   border-right-color: #D3D3D3;
#>   padding-left: 5px;
#>   padding-right: 5px;
#> }
#> 
#> #hkuumsianf .gt_stub_row_group {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   font-size: 100%;
#>   font-weight: initial;
#>   text-transform: inherit;
#>   border-right-style: solid;
#>   border-right-width: 2px;
#>   border-right-color: #D3D3D3;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   vertical-align: top;
#> }
#> 
#> #hkuumsianf .gt_row_group_first td {
#>   border-top-width: 2px;
#> }
#> 
#> #hkuumsianf .gt_summary_row {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   text-transform: inherit;
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#> }
#> 
#> #hkuumsianf .gt_first_summary_row {
#>   border-top-style: solid;
#>   border-top-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_first_summary_row.thick {
#>   border-top-width: 2px;
#> }
#> 
#> #hkuumsianf .gt_last_summary_row {
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_grand_summary_row {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   text-transform: inherit;
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#> }
#> 
#> #hkuumsianf .gt_first_grand_summary_row {
#>   padding-top: 8px;
#>   padding-bottom: 8px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#>   border-top-style: double;
#>   border-top-width: 6px;
#>   border-top-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_striped {
#>   background-color: rgba(128, 128, 128, 0.05);
#> }
#> 
#> #hkuumsianf .gt_table_body {
#>   border-top-style: solid;
#>   border-top-width: 2px;
#>   border-top-color: #D3D3D3;
#>   border-bottom-style: solid;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_footnotes {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   border-bottom-style: none;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#>   border-left-style: none;
#>   border-left-width: 2px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 2px;
#>   border-right-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_footnote {
#>   margin: 0px;
#>   font-size: 90%;
#>   padding-left: 4px;
#>   padding-right: 4px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#> }
#> 
#> #hkuumsianf .gt_sourcenotes {
#>   color: #333333;
#>   background-color: #FFFFFF;
#>   border-bottom-style: none;
#>   border-bottom-width: 2px;
#>   border-bottom-color: #D3D3D3;
#>   border-left-style: none;
#>   border-left-width: 2px;
#>   border-left-color: #D3D3D3;
#>   border-right-style: none;
#>   border-right-width: 2px;
#>   border-right-color: #D3D3D3;
#> }
#> 
#> #hkuumsianf .gt_sourcenote {
#>   font-size: 90%;
#>   padding-top: 4px;
#>   padding-bottom: 4px;
#>   padding-left: 5px;
#>   padding-right: 5px;
#> }
#> 
#> #hkuumsianf .gt_left {
#>   text-align: left;
#> }
#> 
#> #hkuumsianf .gt_center {
#>   text-align: center;
#> }
#> 
#> #hkuumsianf .gt_right {
#>   text-align: right;
#>   font-variant-numeric: tabular-nums;
#> }
#> 
#> #hkuumsianf .gt_font_normal {
#>   font-weight: normal;
#> }
#> 
#> #hkuumsianf .gt_font_bold {
#>   font-weight: bold;
#> }
#> 
#> #hkuumsianf .gt_font_italic {
#>   font-style: italic;
#> }
#> 
#> #hkuumsianf .gt_super {
#>   font-size: 65%;
#> }
#> 
#> #hkuumsianf .gt_footnote_marks {
#>   font-style: italic;
#>   font-weight: normal;
#>   font-size: 75%;
#>   vertical-align: 0.4em;
#> }
#> 
#> #hkuumsianf .gt_asterisk {
#>   font-size: 100%;
#>   vertical-align: 0;
#> }
#> 
#> #hkuumsianf .gt_indent_1 {
#>   text-indent: 5px;
#> }
#> 
#> #hkuumsianf .gt_indent_2 {
#>   text-indent: 10px;
#> }
#> 
#> #hkuumsianf .gt_indent_3 {
#>   text-indent: 15px;
#> }
#> 
#> #hkuumsianf .gt_indent_4 {
#>   text-indent: 20px;
#> }
#> 
#> #hkuumsianf .gt_indent_5 {
#>   text-indent: 25px;
#> }
#> </style>
#>   <table class="gt_table">
#>   
#>   <thead class="gt_col_headings">
#>     <tr>
#>       <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1" style="background-color: #FFFFFF; color: #333333; font-weight: bold; text-align: left; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;" scope="col">Trait</th>
#>       <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="background-color: #FFFFFF; color: #333333; font-weight: bold; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;" scope="col">Percent</th>
#>     </tr>
#>   </thead>
#>   <tbody class="gt_table_body">
#>     <tr><td class="gt_row gt_left" style="background-color: #5FB7E5; color: #FFFFFF; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Gender</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #5FB7E5; color: #FFFFFF; text-align: center; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'></div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Woman or Other</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>49%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Man</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>51%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #5FB7E5; color: #FFFFFF; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Income</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #5FB7E5; color: #FFFFFF; text-align: center; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'></div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Less than $25,000</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>12%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>$25,000 to $49,999</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>20%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>$50,000 to $74,999</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>19%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>$75,000 to $99,999</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>22%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>$100,000 or more</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>27%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #5FB7E5; color: #FFFFFF; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Education</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #5FB7E5; color: #FFFFFF; text-align: center; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'></div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Less than high school graduate</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>3%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>High school graduate</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>18%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Some college or university, no degree</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>17%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Associate's degree or college diploma</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>18%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Bachelor's degree</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>32%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Master's degree</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>10%</p>
#> </div></td></tr>
#>     <tr><td class="gt_row gt_left" style="background-color: #FFFFFF; color: #333333; text-align: left; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>Professional or doctoral degree</p>
#> </div></td>
#> <td class="gt_row gt_right" style="background-color: #FFFFFF; color: #333333; text-align: center; border-left-width: 1px; border-left-style: solid; border-left-color: white; border-right-width: 1px; border-right-style: solid; border-right-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white;"><div class='gt_from_md'><p>3%</p>
#> </div></td></tr>
#>   </tbody>
#>   
#>   
#> </table>
#> </div>