Formatting includes:
Text align to top/left
Smaller row padding
No top border
Bold column labels
mygt(df, md = NULL, indent = NULL, remove_border = TRUE)
Data frame/tibble
Optional. If not NULL
, then the given
columns will be printed with markdown formatting, e.g., md = c(1, 3)
for columns 1 and 3.
Ignored.
Optional. For indented lines, remove the upper
horizontal border line? Defaults to TRUE
.
Formatted gt table
data(mtcars)
mtcars %>%
dplyr::slice(1:5) %>%
mygt()
#> <div id="yyneuqminl" style="padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
#> <style>#yyneuqminl table {
#> font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
#> -webkit-font-smoothing: antialiased;
#> -moz-osx-font-smoothing: grayscale;
#> }
#>
#> #yyneuqminl thead, #yyneuqminl tbody, #yyneuqminl tfoot, #yyneuqminl tr, #yyneuqminl td, #yyneuqminl th {
#> border-style: none;
#> }
#>
#> #yyneuqminl p {
#> margin: 0;
#> padding: 0;
#> }
#>
#> #yyneuqminl .gt_table {
#> display: table;
#> border-collapse: collapse;
#> line-height: normal;
#> 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: none;
#> border-top-width: 2px;
#> border-top-color: #A8A8A8;
#> border-right-style: none;
#> border-right-width: 2px;
#> border-right-color: #D3D3D3;
#> border-bottom-style: solid;
#> border-bottom-width: 2px;
#> border-bottom-color: #A8A8A8;
#> border-left-style: none;
#> border-left-width: 2px;
#> border-left-color: #D3D3D3;
#> }
#>
#> #yyneuqminl .gt_caption {
#> padding-top: 4px;
#> padding-bottom: 4px;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_subtitle {
#> color: #333333;
#> font-size: 85%;
#> font-weight: initial;
#> padding-top: 3px;
#> padding-bottom: 5px;
#> padding-left: 5px;
#> padding-right: 5px;
#> border-top-color: #FFFFFF;
#> border-top-width: 0;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_bottom_border {
#> border-bottom-style: solid;
#> border-bottom-width: 2px;
#> border-bottom-color: #D3D3D3;
#> }
#>
#> #yyneuqminl .gt_col_headings {
#> border-top-style: none;
#> 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;
#> }
#>
#> #yyneuqminl .gt_col_heading {
#> color: #333333;
#> background-color: #FFFFFF;
#> font-size: 100%;
#> font-weight: bold;
#> 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;
#> }
#>
#> #yyneuqminl .gt_column_spanner_outer {
#> color: #333333;
#> background-color: #FFFFFF;
#> font-size: 100%;
#> font-weight: bold;
#> text-transform: inherit;
#> padding-top: 0;
#> padding-bottom: 0;
#> padding-left: 4px;
#> padding-right: 4px;
#> }
#>
#> #yyneuqminl .gt_column_spanner_outer:first-child {
#> padding-left: 0;
#> }
#>
#> #yyneuqminl .gt_column_spanner_outer:last-child {
#> padding-right: 0;
#> }
#>
#> #yyneuqminl .gt_column_spanner {
#> border-bottom-style: solid;
#> border-bottom-width: 2px;
#> border-bottom-color: #D3D3D3;
#> vertical-align: bottom;
#> padding-top: 5px;
#> padding-bottom: 5px;
#> overflow-x: hidden;
#> display: inline-block;
#> width: 100%;
#> }
#>
#> #yyneuqminl .gt_spanner_row {
#> border-bottom-style: hidden;
#> }
#>
#> #yyneuqminl .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;
#> text-align: left;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_from_md > :first-child {
#> margin-top: 0;
#> }
#>
#> #yyneuqminl .gt_from_md > :last-child {
#> margin-bottom: 0;
#> }
#>
#> #yyneuqminl .gt_row {
#> padding-top: 0px;
#> padding-bottom: 0px;
#> 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;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_row_group_first td {
#> border-top-width: 2px;
#> }
#>
#> #yyneuqminl .gt_row_group_first th {
#> border-top-width: 2px;
#> }
#>
#> #yyneuqminl .gt_summary_row {
#> color: #333333;
#> background-color: #FFFFFF;
#> text-transform: inherit;
#> padding-top: 8px;
#> padding-bottom: 8px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #yyneuqminl .gt_first_summary_row {
#> border-top-style: solid;
#> border-top-color: #D3D3D3;
#> }
#>
#> #yyneuqminl .gt_first_summary_row.thick {
#> border-top-width: 2px;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_grand_summary_row {
#> color: #333333;
#> background-color: #FFFFFF;
#> text-transform: inherit;
#> padding-top: 8px;
#> padding-bottom: 8px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_last_grand_summary_row_top {
#> padding-top: 8px;
#> padding-bottom: 8px;
#> padding-left: 5px;
#> padding-right: 5px;
#> border-bottom-style: double;
#> border-bottom-width: 6px;
#> border-bottom-color: #D3D3D3;
#> }
#>
#> #yyneuqminl .gt_striped {
#> background-color: rgba(128, 128, 128, 0.05);
#> }
#>
#> #yyneuqminl .gt_table_body {
#> border-top-style: none;
#> border-top-width: 2px;
#> border-top-color: #D3D3D3;
#> border-bottom-style: solid;
#> border-bottom-width: 2px;
#> border-bottom-color: #D3D3D3;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_footnote {
#> margin: 0px;
#> font-size: 90%;
#> padding-top: 4px;
#> padding-bottom: 4px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #yyneuqminl .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;
#> }
#>
#> #yyneuqminl .gt_sourcenote {
#> font-size: 90%;
#> padding-top: 4px;
#> padding-bottom: 4px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #yyneuqminl .gt_left {
#> text-align: left;
#> }
#>
#> #yyneuqminl .gt_center {
#> text-align: center;
#> }
#>
#> #yyneuqminl .gt_right {
#> text-align: right;
#> font-variant-numeric: tabular-nums;
#> }
#>
#> #yyneuqminl .gt_font_normal {
#> font-weight: normal;
#> }
#>
#> #yyneuqminl .gt_font_bold {
#> font-weight: bold;
#> }
#>
#> #yyneuqminl .gt_font_italic {
#> font-style: italic;
#> }
#>
#> #yyneuqminl .gt_super {
#> font-size: 65%;
#> }
#>
#> #yyneuqminl .gt_footnote_marks {
#> font-size: 75%;
#> vertical-align: 0.4em;
#> position: initial;
#> }
#>
#> #yyneuqminl .gt_asterisk {
#> font-size: 100%;
#> vertical-align: 0;
#> }
#>
#> #yyneuqminl .gt_indent_1 {
#> text-indent: 5px;
#> }
#>
#> #yyneuqminl .gt_indent_2 {
#> text-indent: 10px;
#> }
#>
#> #yyneuqminl .gt_indent_3 {
#> text-indent: 15px;
#> }
#>
#> #yyneuqminl .gt_indent_4 {
#> text-indent: 20px;
#> }
#>
#> #yyneuqminl .gt_indent_5 {
#> text-indent: 25px;
#> }
#> </style>
#> <table class="gt_table" data-quarto-disable-processing="false" data-quarto-bootstrap="false">
#> <thead>
#>
#> <tr class="gt_col_headings">
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="mpg">mpg</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="cyl">cyl</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="disp">disp</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="hp">hp</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="drat">drat</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="wt">wt</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="qsec">qsec</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="vs">vs</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="am">am</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="gear">gear</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" style="text-align: left; vertical-align: bottom;" scope="col" id="carb">carb</th>
#> </tr>
#> </thead>
#> <tbody class="gt_table_body">
#> <tr><td headers="mpg" class="gt_row gt_right" style="text-align: left; vertical-align: top;">21.0</td>
#> <td headers="cyl" class="gt_row gt_right" style="text-align: left; vertical-align: top;">6</td>
#> <td headers="disp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">160</td>
#> <td headers="hp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">110</td>
#> <td headers="drat" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.90</td>
#> <td headers="wt" class="gt_row gt_right" style="text-align: left; vertical-align: top;">2.620</td>
#> <td headers="qsec" class="gt_row gt_right" style="text-align: left; vertical-align: top;">16.46</td>
#> <td headers="vs" class="gt_row gt_right" style="text-align: left; vertical-align: top;">0</td>
#> <td headers="am" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td>
#> <td headers="gear" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td>
#> <td headers="carb" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td></tr>
#> <tr><td headers="mpg" class="gt_row gt_right" style="text-align: left; vertical-align: top;">21.0</td>
#> <td headers="cyl" class="gt_row gt_right" style="text-align: left; vertical-align: top;">6</td>
#> <td headers="disp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">160</td>
#> <td headers="hp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">110</td>
#> <td headers="drat" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.90</td>
#> <td headers="wt" class="gt_row gt_right" style="text-align: left; vertical-align: top;">2.875</td>
#> <td headers="qsec" class="gt_row gt_right" style="text-align: left; vertical-align: top;">17.02</td>
#> <td headers="vs" class="gt_row gt_right" style="text-align: left; vertical-align: top;">0</td>
#> <td headers="am" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td>
#> <td headers="gear" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td>
#> <td headers="carb" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td></tr>
#> <tr><td headers="mpg" class="gt_row gt_right" style="text-align: left; vertical-align: top;">22.8</td>
#> <td headers="cyl" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td>
#> <td headers="disp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">108</td>
#> <td headers="hp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">93</td>
#> <td headers="drat" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.85</td>
#> <td headers="wt" class="gt_row gt_right" style="text-align: left; vertical-align: top;">2.320</td>
#> <td headers="qsec" class="gt_row gt_right" style="text-align: left; vertical-align: top;">18.61</td>
#> <td headers="vs" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td>
#> <td headers="am" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td>
#> <td headers="gear" class="gt_row gt_right" style="text-align: left; vertical-align: top;">4</td>
#> <td headers="carb" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td></tr>
#> <tr><td headers="mpg" class="gt_row gt_right" style="text-align: left; vertical-align: top;">21.4</td>
#> <td headers="cyl" class="gt_row gt_right" style="text-align: left; vertical-align: top;">6</td>
#> <td headers="disp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">258</td>
#> <td headers="hp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">110</td>
#> <td headers="drat" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.08</td>
#> <td headers="wt" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.215</td>
#> <td headers="qsec" class="gt_row gt_right" style="text-align: left; vertical-align: top;">19.44</td>
#> <td headers="vs" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td>
#> <td headers="am" class="gt_row gt_right" style="text-align: left; vertical-align: top;">0</td>
#> <td headers="gear" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3</td>
#> <td headers="carb" class="gt_row gt_right" style="text-align: left; vertical-align: top;">1</td></tr>
#> <tr><td headers="mpg" class="gt_row gt_right" style="text-align: left; vertical-align: top;">18.7</td>
#> <td headers="cyl" class="gt_row gt_right" style="text-align: left; vertical-align: top;">8</td>
#> <td headers="disp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">360</td>
#> <td headers="hp" class="gt_row gt_right" style="text-align: left; vertical-align: top;">175</td>
#> <td headers="drat" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.15</td>
#> <td headers="wt" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3.440</td>
#> <td headers="qsec" class="gt_row gt_right" style="text-align: left; vertical-align: top;">17.02</td>
#> <td headers="vs" class="gt_row gt_right" style="text-align: left; vertical-align: top;">0</td>
#> <td headers="am" class="gt_row gt_right" style="text-align: left; vertical-align: top;">0</td>
#> <td headers="gear" class="gt_row gt_right" style="text-align: left; vertical-align: top;">3</td>
#> <td headers="carb" class="gt_row gt_right" style="text-align: left; vertical-align: top;">2</td></tr>
#> </tbody>
#>
#>
#> </table>
#> </div>