The tables do not show on demos. You can import them by going to TablePress > Import and adding this address to Import Source > URL
https://only.beaverjunction.com/TablePress.zip
Example One
[table id=1 responsive=scroll responsive_breakpoint=device /]
Example Two
[table id=2 /]
Example Three
[table id=3 responsive=scroll responsive_breakpoint=device /]
This is added to functions.php in the child theme
// Remove TablePress Global CSS
add_filter( 'tablepress_use_default_css', '__return_false' );
//Dequeue the CSS added by the responsive TablePress plugin
add_action('wp_print_styles', 'mytheme_dequeue_css_from_plugins', 100);
function mytheme_dequeue_css_from_plugins() {
wp_dequeue_style( "tablepress-responsive-tables" );
}
Links:
The custom CSS used
/********************
Just some messing around with custom CSS
to overwite the styles above
**********************/
/*------------------------------
TablePress Custom General*/
.tablepress THEAD TH, .tablepress TFOOT TH
{
background-color: #83BECD;
color: #FFFFFF;
}
.sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc
{
background-color: #F9BB00;
}
.paginate_button.next:after, .paging_simple .paginate_button.previous:before
{
color: #751919;
text-shadow: none;
}
/*------------------------------
TablePress Example One*/
.bb-modules THEAD TH, .tablepress TFOOT TH
{
background-color: #83BECD;
color: #FFFFFF;
width: 20% !important;
}
.bb-modules .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc
{
background-color: #F9BB00;
}
.bb-modules .paginate_button.next:after, .paging_simple .paginate_button.previous:before
{
color: #751919;
text-shadow: none;
}
/*TablePress Example Two*/
.bb-package-table TBODY
{
background-color: #F7F7F7;
}
.bb-package-table .column-1
{
background-color: #83BECD;
color: #FFFFFF;
border-right: 2px solid #F7F7F7;
}
.bb-package-table TH.column-1:nth-child(1)
{
background-color: #47A1B8;
}
.bb-package-table TD
{
text-align: center;
}
.bb-package-table TH
{
text-align: center;
background-color: #83BECD;
}
/*TablePress Example Three*/
.bb-package-table2 TD
{
color: #FFFFFF;
text-align: center;
}
.bb-package-table2 TH
{
background-color: #555555 !important;
padding-top: 10px !important;
padding-bottom: 0px !important;
border-top-right-radius: 0;
text-align: center;
}
.bb-package-table2 .column-1
{
background-color: #555555;
color: #FFFFFF;
text-align: left;
padding-left: 14px;
font-size: 16px;
border-bottom: 1px solid #818181;
width: 15%;
}
.bb-package-table2 .column-2
{
background-color: #A0BDAB;
}
.bb-package-table2 .column-3
{
background-color: #FFC719;
}
.bb-package-table2 .column-4
{
background-color: #EA5252;
}
.bb-package-table2 .column-5
{
background-color: #D6BBA0;
}
.bb-package-table2 TBODY TD, .bb-package-table2 TFOOT TH
{
border-top: 0;
text-align: center;
}
.bb-package-table2 THEAD TH
{
border-bottom: 0 !important;
}
.bb-package-table2 .row-2
{
font-size: 22px;
font-weight: bold;
}
/*TablePress End*/
...and a few affiliate links (well you never know)
