Customize Table Theme with the gt Package.
Usage
gt_theme_ms(data = automaton::penguins)Arguments
- gt_tbl
Input GT table not just data frame. First convert data frame/tibble to GT table then input that gt table to the function
Examples
library(automaton)
library(gt)
tbl <- automaton::penguins
gt_tbl <- tbl |>
dplyr::count(species) |>
gt::gt()
gt_tbl |> gt_theme_ms()
#> <div id="klbdzmffla" style="padding-left:0px;padding-right:0px;padding-top:10px;padding-bottom:10px;overflow-x:auto;overflow-y:auto;width:auto;height:auto;">
#> <style>@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
#> #klbdzmffla 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;
#> }
#>
#> #klbdzmffla thead, #klbdzmffla tbody, #klbdzmffla tfoot, #klbdzmffla tr, #klbdzmffla td, #klbdzmffla th {
#> border-style: none;
#> }
#>
#> #klbdzmffla p {
#> margin: 0;
#> padding: 0;
#> }
#>
#> #klbdzmffla .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: solid;
#> 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;
#> }
#>
#> #klbdzmffla .gt_caption {
#> padding-top: 4px;
#> padding-bottom: 4px;
#> }
#>
#> #klbdzmffla .gt_title {
#> color: #333333;
#> font-size: 26px;
#> font-weight: initial;
#> padding-top: 4px;
#> padding-bottom: 4px;
#> padding-left: 5px;
#> padding-right: 5px;
#> border-bottom-color: #FFFFFF;
#> border-bottom-width: 0;
#> }
#>
#> #klbdzmffla .gt_subtitle {
#> color: #333333;
#> font-size: 14px;
#> font-weight: initial;
#> padding-top: 3px;
#> padding-bottom: 5px;
#> padding-left: 5px;
#> padding-right: 5px;
#> border-top-color: #FFFFFF;
#> border-top-width: 0;
#> }
#>
#> #klbdzmffla .gt_heading {
#> background-color: #FFFFFF;
#> text-align: left;
#> 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;
#> }
#>
#> #klbdzmffla .gt_bottom_border {
#> border-bottom-style: solid;
#> border-bottom-width: 2px;
#> border-bottom-color: #D3D3D3;
#> }
#>
#> #klbdzmffla .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: #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;
#> }
#>
#> #klbdzmffla .gt_col_heading {
#> color: #FFFFFF;
#> background-color: #1E466E;
#> 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;
#> }
#>
#> #klbdzmffla .gt_column_spanner_outer {
#> color: #FFFFFF;
#> background-color: #1E466E;
#> font-size: 100%;
#> font-weight: normal;
#> text-transform: inherit;
#> padding-top: 0;
#> padding-bottom: 0;
#> padding-left: 4px;
#> padding-right: 4px;
#> }
#>
#> #klbdzmffla .gt_column_spanner_outer:first-child {
#> padding-left: 0;
#> }
#>
#> #klbdzmffla .gt_column_spanner_outer:last-child {
#> padding-right: 0;
#> }
#>
#> #klbdzmffla .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%;
#> }
#>
#> #klbdzmffla .gt_spanner_row {
#> border-bottom-style: hidden;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_from_md > :first-child {
#> margin-top: 0;
#> }
#>
#> #klbdzmffla .gt_from_md > :last-child {
#> margin-bottom: 0;
#> }
#>
#> #klbdzmffla .gt_row {
#> padding-top: 6px;
#> padding-bottom: 6px;
#> padding-left: 5px;
#> padding-right: 5px;
#> margin: 10px;
#> border-top-style: solid;
#> border-top-width: 0px;
#> 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;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_row_group_first td {
#> border-top-width: 2px;
#> }
#>
#> #klbdzmffla .gt_row_group_first th {
#> border-top-width: 2px;
#> }
#>
#> #klbdzmffla .gt_summary_row {
#> color: #333333;
#> background-color: #FFFFFF;
#> text-transform: inherit;
#> padding-top: 8px;
#> padding-bottom: 8px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #klbdzmffla .gt_first_summary_row {
#> border-top-style: solid;
#> border-top-color: #D3D3D3;
#> }
#>
#> #klbdzmffla .gt_first_summary_row.thick {
#> border-top-width: 2px;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_grand_summary_row {
#> color: #333333;
#> background-color: #FFFFFF;
#> text-transform: inherit;
#> padding-top: 8px;
#> padding-bottom: 8px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_striped {
#> background-color: rgba(128, 128, 128, 0.05);
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_footnote {
#> margin: 0px;
#> font-size: 90%;
#> padding-top: 4px;
#> padding-bottom: 4px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #klbdzmffla .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;
#> }
#>
#> #klbdzmffla .gt_sourcenote {
#> font-size: 90%;
#> padding-top: 4px;
#> padding-bottom: 4px;
#> padding-left: 5px;
#> padding-right: 5px;
#> }
#>
#> #klbdzmffla .gt_left {
#> text-align: left;
#> }
#>
#> #klbdzmffla .gt_center {
#> text-align: center;
#> }
#>
#> #klbdzmffla .gt_right {
#> text-align: right;
#> font-variant-numeric: tabular-nums;
#> }
#>
#> #klbdzmffla .gt_font_normal {
#> font-weight: normal;
#> }
#>
#> #klbdzmffla .gt_font_bold {
#> font-weight: bold;
#> }
#>
#> #klbdzmffla .gt_font_italic {
#> font-style: italic;
#> }
#>
#> #klbdzmffla .gt_super {
#> font-size: 65%;
#> }
#>
#> #klbdzmffla .gt_footnote_marks {
#> font-size: 75%;
#> vertical-align: 0.4em;
#> position: initial;
#> }
#>
#> #klbdzmffla .gt_asterisk {
#> font-size: 100%;
#> vertical-align: 0;
#> }
#>
#> #klbdzmffla .gt_indent_1 {
#> text-indent: 5px;
#> }
#>
#> #klbdzmffla .gt_indent_2 {
#> text-indent: 10px;
#> }
#>
#> #klbdzmffla .gt_indent_3 {
#> text-indent: 15px;
#> }
#>
#> #klbdzmffla .gt_indent_4 {
#> text-indent: 20px;
#> }
#>
#> #klbdzmffla .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_center" rowspan="1" colspan="1" scope="col" id="species">species</th>
#> <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1" scope="col" id="n">n</th>
#> </tr>
#> </thead>
#> <tbody class="gt_table_body">
#> <tr><td headers="species" class="gt_row gt_center" style="background-color: #D3D3D3;">Adelie</td>
#> <td headers="n" class="gt_row gt_right" style="background-color: #D3D3D3;">152</td></tr>
#> <tr><td headers="species" class="gt_row gt_center">Chinstrap</td>
#> <td headers="n" class="gt_row gt_right">68</td></tr>
#> <tr><td headers="species" class="gt_row gt_center" style="background-color: #D3D3D3;">Gentoo</td>
#> <td headers="n" class="gt_row gt_right" style="background-color: #D3D3D3;">124</td></tr>
#> </tbody>
#>
#>
#> </table>
#> </div>