diff --git a/js/src/designer/history.js b/js/src/designer/history.js
index 30f80dc7be..2b9d320152 100644
--- a/js/src/designer/history.js
+++ b/js/src/designer/history.js
@@ -94,7 +94,7 @@ DesignerHistory.display = function (init, finit) {
         str += '<h3 class="tiger"><a href="#">' + temp + '</a></h3>';
         str += '<div class="toggle_container">\n';
         while ((historyArray[i].getTab()) === temp) { // + '.' + historyArray[i].getObjNo()) === temp) {
-            str += '<div class="block"> <table width ="250">';
+            str += '<div class="block"> <table class="pma-table" width ="250">';
             str += '<thead><tr><td>';
             if (historyArray[i].getAndOr()) {
                 str += '<img src="' + themeImagePath + 'designer/or_icon.png" onclick="DesignerHistory.andOr(' + i + ')" title="OR"></td>';
diff --git a/js/src/functions.js b/js/src/functions.js
index 6f412e8ff0..2f207f5fb3 100644
--- a/js/src/functions.js
+++ b/js/src/functions.js
@@ -3503,9 +3503,9 @@ AJAX.registerOnload('functions.js', function () {
                     '<legend>' + title + '</legend>' +
                     '<p>' + Functions.getImage('s_notice') +
                     Messages.enum_hint + '</p>' +
-                    '<table class=\'values\'>' + fields + '</table>' +
+                    '<table class=\'pma-table values\'>' + fields + '</table>' +
                     '</fieldset><fieldset class=\'tblFooters\'>' +
-                    '<table class=\'add\'><tr><td>' +
+                    '<table class=\'pma-table add\'><tr><td>' +
                     '<div class=\'slider\'></div>' +
                     '</td><td>' +
                     '<form><div><input type=\'submit\' class=\'add_value btn btn-primary\' value=\'' +
@@ -3644,7 +3644,7 @@ AJAX.registerOnload('functions.js', function () {
         var centralColumnsDialog = '<div class=\'max_height_400\'>' +
             '<fieldset>' +
             searchIn +
-            '<table id=\'col_list\' class=\'values w-100\'>' + fields + '</table>' +
+            '<table id=\'col_list\' class=\'pma-table values w-100\'>' + fields + '</table>' +
             '</fieldset>' +
             seeMore +
             '</div>';
diff --git a/js/src/server/status/monitor.js b/js/src/server/status/monitor.js
index 2d94db414d..3f8ebb2ce7 100644
--- a/js/src/server/status/monitor.js
+++ b/js/src/server/status/monitor.js
@@ -1939,7 +1939,7 @@ AJAX.registerOnload('server/status/monitor.js', function () {
     function buildLogTable (data, groupInserts) {
         var rows = data.rows;
         var cols = [];
-        var $table = $('<table class="sortable"></table>');
+        var $table = $('<table class="pma-table sortable"></table>');
         var $tBody;
         var $tRow;
         var $tCell;
@@ -2092,7 +2092,7 @@ AJAX.registerOnload('server/status/monitor.js', function () {
             var totalTime = 0;
             // Float sux, I'll use table :(
             $('#queryAnalyzerDialog').find('div.placeHolder')
-                .html('<table width="100%" border="0"><tr><td class="explain"></td><td class="chart"></td></tr></table>');
+                .html('<table class="pma-table" width="100%" border="0"><tr><td class="explain"></td><td class="chart"></td></tr></table>');
 
             var explain = '<b>' + Messages.strExplainOutput + '</b> ' + $('#explain_docu').html();
             if (data.explain.length > 1) {
@@ -2137,7 +2137,7 @@ AJAX.registerOnload('server/status/monitor.js', function () {
 
             if (data.profiling) {
                 var chartData = [];
-                var numberTable = '<table class="queryNums"><thead><tr><th>' + Messages.strStatus + '</th><th>' + Messages.strTime + '</th></tr></thead><tbody>';
+                var numberTable = '<table class="pma-table queryNums"><thead><tr><th>' + Messages.strStatus + '</th><th>' + Messages.strTime + '</th></tr></thead><tbody>';
                 var duration;
                 var otherTime = 0;
 
diff --git a/libraries/classes/BrowseForeigners.php b/libraries/classes/BrowseForeigners.php
index 8ccbeb140b..c865588d30 100644
--- a/libraries/classes/BrowseForeigners.php
+++ b/libraries/classes/BrowseForeigners.php
@@ -208,7 +208,7 @@ class BrowseForeigners
             . '</fieldset>'
             . '</form>';
 
-        $output .= '<table width="100%" id="browse_foreign_table">';
+        $output .= '<table class="pma-table" width="100%" id="browse_foreign_table">';
 
         if (! is_array($foreignData['disp_row'])) {
             return $output . '</tbody>'
diff --git a/libraries/classes/Database/Routines.php b/libraries/classes/Database/Routines.php
index 2dfeb5e7f0..6e212ef335 100644
--- a/libraries/classes/Database/Routines.php
+++ b/libraries/classes/Database/Routines.php
@@ -839,7 +839,7 @@ class Routines
         $retval .= Url::getHiddenInputs($db) . "\n";
         $retval .= "<fieldset>\n";
         $retval .= '<legend>' . __('Details') . "</legend>\n";
-        $retval .= "<table class='rte_table'>\n";
+        $retval .= "<table class='pma-table rte_table'>\n";
         $retval .= "<tr>\n";
         $retval .= '    <td>' . __('Routine name') . "</td>\n";
         $retval .= "    <td><input type='text' name='item_name' maxlength='64'\n";
@@ -869,7 +869,7 @@ class Routines
         $retval .= '    <td>' . __('Parameters') . "</td>\n";
         $retval .= "    <td>\n";
         // parameter handling start
-        $retval .= "        <table class='routine_params_table'>\n";
+        $retval .= "        <table class='pma-table routine_params_table'>\n";
         $retval .= "        <thead>\n";
         $retval .= "        <tr>\n";
         $retval .= "            <td></td>\n";
@@ -1446,7 +1446,7 @@ class Routines
                 $num_rows = $this->dbi->numRows($result);
 
                 if (($result !== false) && ($num_rows > 0)) {
-                    $output .= '<table><tr>';
+                    $output .= '<table class="pma-table"><tr>';
                     foreach ($this->dbi->getFieldsMeta($result) as $field) {
                         $output .= '<th>';
                         $output .= htmlspecialchars($field->name);
@@ -1642,13 +1642,13 @@ class Routines
         $retval .= "<fieldset>\n";
         if (! $this->response->isAjax()) {
             $retval .= '<legend>' . $routine['item_name'] . "</legend>\n";
-            $retval .= "<table class='rte_table'>\n";
+            $retval .= "<table class='pma-table rte_table'>\n";
             $retval .= "<caption class='tblHeaders'>\n";
             $retval .= __('Routine parameters');
             $retval .= "</caption>\n";
         } else {
             $retval .= '<legend>' . __('Routine parameters') . "</legend>\n";
-            $retval .= "<table class='rte_table'>\n";
+            $retval .= "<table class='pma-table rte_table'>\n";
         }
         $retval .= "<tr>\n";
         $retval .= '<th>' . __('Name') . "</th>\n";
diff --git a/libraries/classes/Database/Triggers.php b/libraries/classes/Database/Triggers.php
index 168da52a94..9f4564e57a 100644
--- a/libraries/classes/Database/Triggers.php
+++ b/libraries/classes/Database/Triggers.php
@@ -387,7 +387,7 @@ class Triggers
         $retval .= Url::getHiddenInputs($db, $table) . "\n";
         $retval .= "<fieldset>\n";
         $retval .= '<legend>' . __('Details') . "</legend>\n";
-        $retval .= "<table class='rte_table'>\n";
+        $retval .= "<table class='pma-table rte_table'>\n";
         $retval .= "<tr>\n";
         $retval .= '    <td>' . __('Trigger name') . "</td>\n";
         $retval .= "    <td><input type='text' name='item_name' maxlength='64'\n";
diff --git a/libraries/classes/Engines/Innodb.php b/libraries/classes/Engines/Innodb.php
index 769c4351ad..dda48f45a5 100644
--- a/libraries/classes/Engines/Innodb.php
+++ b/libraries/classes/Engines/Innodb.php
@@ -131,7 +131,7 @@ class Innodb extends StorageEngine
             . ' OR Variable_name = \'Innodb_page_size\';';
         $status = $dbi->fetchResult($sql, 0, 1);
 
-        $output = '<table class="data" id="table_innodb_bufferpool_usage">' . "\n"
+        $output = '<table class="pma-table data" id="table_innodb_bufferpool_usage">' . "\n"
             . '    <caption class="tblHeaders">' . "\n"
             . '        ' . __('Buffer Pool Usage') . "\n"
             . '    </caption>' . "\n"
@@ -218,7 +218,7 @@ class Innodb extends StorageEngine
 
         $output .= '    </tbody>' . "\n"
             . '</table>' . "\n\n"
-            . '<table class="data" id="table_innodb_bufferpool_activity">' . "\n"
+            . '<table class="pma-table data" id="table_innodb_bufferpool_activity">' . "\n"
             . '    <caption class="tblHeaders">' . "\n"
             . '        ' . __('Buffer Pool Activity') . "\n"
             . '    </caption>' . "\n"
diff --git a/libraries/classes/InsertEdit.php b/libraries/classes/InsertEdit.php
index b183067b83..cd0cb62c62 100644
--- a/libraries/classes/InsertEdit.php
+++ b/libraries/classes/InsertEdit.php
@@ -1839,7 +1839,7 @@ class InsertEdit
         $found_unique_key
     ) {
         $html_output = '<fieldset id="actions_panel">'
-            . '<table cellpadding="5" cellspacing="0" class="tdblock w-100">'
+            . '<table cellpadding="5" cellspacing="0" class="pma-table tdblock w-100">'
             . '<tr>'
             . '<td class="nowrap vmiddle">'
             . $this->getSubmitTypeDropDown($where_clause, $tabindex, $tabindex_for_value)
@@ -1990,7 +1990,7 @@ class InsertEdit
     private function getHeadAndFootOfInsertRowTable(array $url_params)
     {
         $html_output = '<div class="responsivetable">'
-            . '<table class="insertRowTable topmargin">'
+            . '<table class="pma-table insertRowTable topmargin">'
             . '<thead>'
             . '<tr>'
             . '<th>' . __('Column') . '</th>';
diff --git a/libraries/classes/Plugins/Auth/AuthenticationConfig.php b/libraries/classes/Plugins/Auth/AuthenticationConfig.php
index 8a65c4ede4..92bf7c089e 100644
--- a/libraries/classes/Plugins/Auth/AuthenticationConfig.php
+++ b/libraries/classes/Plugins/Auth/AuthenticationConfig.php
@@ -95,7 +95,7 @@ class AuthenticationConfig extends AuthenticationPlugin
         echo '</h1>
     </div>
     <br>
-    <table cellpadding="0" cellspacing="3" class= "auth_config_tbl" width="80%">
+    <table cellpadding="0" cellspacing="3" class= "pma-table auth_config_tbl" width="80%">
         <tr>
             <td>';
         if (isset($GLOBALS['allowDeny_forbidden'])
diff --git a/libraries/classes/Plugins/Export/ExportHtmlword.php b/libraries/classes/Plugins/Export/ExportHtmlword.php
index c8963e835e..8c4de40aa9 100644
--- a/libraries/classes/Plugins/Export/ExportHtmlword.php
+++ b/libraries/classes/Plugins/Export/ExportHtmlword.php
@@ -211,7 +211,7 @@ class ExportHtmlword extends ExportPlugin
             return false;
         }
         if (! $this->export->outputHandler(
-            '<table class="w-100" cellspacing="1">'
+            '<table class="pma-table w-100" cellspacing="1">'
         )
         ) {
             return false;
@@ -283,7 +283,7 @@ class ExportHtmlword extends ExportPlugin
     {
         global $dbi;
 
-        $schema_insert = '<table class="w-100" cellspacing="1">'
+        $schema_insert = '<table class="pma-table w-100" cellspacing="1">'
             . '<tr class="print-category">'
             . '<th class="print">'
             . __('Column')
@@ -382,7 +382,7 @@ class ExportHtmlword extends ExportPlugin
         /**
          * Displays the table structure
          */
-        $schema_insert .= '<table class="w-100" cellspacing="1">';
+        $schema_insert .= '<table class="pma-table w-100" cellspacing="1">';
 
         $schema_insert .= '<tr class="print-category">';
         $schema_insert .= '<th class="print">'
@@ -487,7 +487,7 @@ class ExportHtmlword extends ExportPlugin
     {
         global $dbi;
 
-        $dump = '<table class="w-100" cellspacing="1">';
+        $dump = '<table class="pma-table w-100" cellspacing="1">';
         $dump .= '<tr class="print-category">';
         $dump .= '<th class="print">' . __('Name') . '</th>';
         $dump .= '<td class="print"><strong>' . __('Time') . '</strong></td>';
diff --git a/libraries/classes/Relation.php b/libraries/classes/Relation.php
index 410e33e497..8c3e9ce71a 100644
--- a/libraries/classes/Relation.php
+++ b/libraries/classes/Relation.php
@@ -165,7 +165,7 @@ class Relation
                 }
             }
         } else {
-            $retval .= '<table>' . "\n";
+            $retval .= '<table class="pma-table">' . "\n";
 
             if (! $cfgRelation['allworks']
                 && $GLOBALS['cfg']['ZeroConf']
diff --git a/libraries/classes/StorageEngine.php b/libraries/classes/StorageEngine.php
index f5e5f9fd4c..13db341079 100644
--- a/libraries/classes/StorageEngine.php
+++ b/libraries/classes/StorageEngine.php
@@ -262,7 +262,7 @@ class StorageEngine
                 . "\n"
                 . '</p>' . "\n";
         } else {
-            $ret = '<table class="data">' . "\n" . $ret . '</table>' . "\n";
+            $ret = '<table class="pma-table data">' . "\n" . $ret . '</table>' . "\n";
         }
 
         return $ret;
diff --git a/templates/columns_definitions/column_definitions_form.twig b/templates/columns_definitions/column_definitions_form.twig
index f878566cf9..480e167897 100644
--- a/templates/columns_definitions/column_definitions_form.twig
+++ b/templates/columns_definitions/column_definitions_form.twig
@@ -18,7 +18,7 @@
 
     {% if action == url('/table/create') %}
         <div id="table_name_col_no_outer">
-            <table id="table_name_col_no" class="tdblock">
+            <table id="table_name_col_no" class="pma-table tdblock">
                 <tr class="vmiddle floatleft">
                     <td>{% trans 'Table name' %}:
                     <input type="text"
@@ -67,7 +67,7 @@
     {% endif %}
     {% if action == url('/table/create') %}
         <div class="responsivetable">
-        <table>
+        <table class="pma-table">
             <tr class="vtop">
                 <th>{% trans 'Table comments:' %}</th>
                 <td width="25">&nbsp;</td>
diff --git a/templates/columns_definitions/partitions.twig b/templates/columns_definitions/partitions.twig
index 14c20ea158..1398978cfc 100644
--- a/templates/columns_definitions/partitions.twig
+++ b/templates/columns_definitions/partitions.twig
@@ -12,7 +12,7 @@
 {% set sub_partition_options = ['', 'HASH', 'LINEAR HASH', 'KEY', 'LINEAR KEY'] %}
 {% set value_type_options = ['', 'LESS THAN', 'LESS THAN MAXVALUE', 'IN'] %}
 
-<table id="partition_table">
+<table class="pma-table" id="partition_table">
     <tr class="vmiddle">
         <td><label for="partition_by">{% trans 'Partition by:' %}</label></td>
         <td>
@@ -71,7 +71,7 @@
     {% endif %}
 </table>
 {% if partition_details['partition_count'] > 1 %}
-    <table id="partition_definition_table">
+    <table class="pma-table" id="partition_definition_table">
         <thead><tr>
             <th>{% trans 'Partition' %}</th>
             {% if partition_details['value_enabled'] %}
diff --git a/templates/columns_definitions/table_fields_definitions.twig b/templates/columns_definitions/table_fields_definitions.twig
index b3ebdb06ea..4a59a872d3 100644
--- a/templates/columns_definitions/table_fields_definitions.twig
+++ b/templates/columns_definitions/table_fields_definitions.twig
@@ -1,5 +1,5 @@
 <div class="responsivetable">
-<table id="table_columns" class="noclick">
+<table id="table_columns" class="pma-table noclick">
     <caption class="tblHeaders">
         {% trans 'Structure' %}
         {{ show_mysql_docu('CREATE_TABLE') }}
diff --git a/templates/config/form_display/fieldset_top.twig b/templates/config/form_display/fieldset_top.twig
index e359e92db6..317fd36e27 100644
--- a/templates/config/form_display/fieldset_top.twig
+++ b/templates/config/form_display/fieldset_top.twig
@@ -14,4 +14,4 @@
         {% endfor %}
     </dl>
 {% endif %}
-<table width="100%" cellspacing="0">
+<table class="pma-table" width="100%" cellspacing="0">
diff --git a/templates/database/central_columns/edit.twig b/templates/database/central_columns/edit.twig
index b148b7a1b1..5e8b893406 100644
--- a/templates/database/central_columns/edit.twig
+++ b/templates/database/central_columns/edit.twig
@@ -1,5 +1,5 @@
 <form id="multi_edit_central_columns">
-  <table id="table_columns" class="noclick">
+  <table id="table_columns" class="pma-table noclick">
     <caption class="tblHeaders">{% trans 'Structure' %}</caption>
     <thead>
       <tr>
diff --git a/templates/database/central_columns/main.twig b/templates/database/central_columns/main.twig
index 94610e83cd..cff87c829b 100644
--- a/templates/database/central_columns/main.twig
+++ b/templates/database/central_columns/main.twig
@@ -8,7 +8,7 @@
         {{ get_hidden_inputs(db) }}
         <input type="hidden" name="add_new_column" value="add_new_column">
         <div class="responsivetable">
-            <table>
+            <table class="pma-table">
                 <thead>
                     <tr>
                         <th class=""></th>
@@ -131,7 +131,7 @@
         {% trans 'The central list of columns for the current database is empty' %}
     </fieldset>
 {% else %}
-    <table style="display:inline-block;max-width:49%" class="navigation nospacing nopadding">
+    <table style="display:inline-block;max-width:49%" class="pma-table navigation nospacing nopadding">
         <tr>
             <td class="navigation_separator"></td>
             {% if pos - max_rows >= 0 %}
@@ -173,7 +173,7 @@
     </table>
 {% endif %}
 {# getHtmlForAddColumn #}
-<table class="central_columns_add_column" class="navigation nospacing nopadding">
+<table class="pma-table central_columns_add_column navigation nospacing nopadding">
     <tr>
         <td class="navigation_separator largescreenonly"></td>
         <td class="central_columns_navigation">
@@ -210,7 +210,7 @@
     </form>
     <div id="tableslistcontainer">
         <form name="tableslistcontainer">
-            <table id="table_columns" class="tablesorter" class="data">
+            <table id="table_columns" class="pma-table tablesorter data">
                 {% set class = 'column_heading' %}
                 {% set title = 'Click to sort.' | trans %}
                 <thead>
diff --git a/templates/database/data_dictionary/index.twig b/templates/database/data_dictionary/index.twig
index eee9cf8d58..4a3e300244 100644
--- a/templates/database/data_dictionary/index.twig
+++ b/templates/database/data_dictionary/index.twig
@@ -11,7 +11,7 @@
         <p>{% trans 'Table comments:' %} <em>{{ table.comment }}</em></p>
       {% endif %}
 
-      <table class="print">
+      <table class="pma-table print">
         <tr>
           <th>{% trans 'Column' %}</th>
           <th>{% trans 'Type' %}</th>
@@ -59,7 +59,7 @@
         <h3>{% trans 'Indexes' %}</h3>
 
         <div class="responsivetable jsresponsive">
-          <table id="table_index">
+          <table class="pma-table" id="table_index">
             <thead>
               <tr>
                 <th>{% trans 'Keyname' %}</th>
diff --git a/templates/database/designer/database_tables.twig b/templates/database/designer/database_tables.twig
index 5453bb5b8e..615ef7e0f1 100644
--- a/templates/database/designer/database_tables.twig
+++ b/templates/database/designer/database_tables.twig
@@ -14,7 +14,7 @@
         table_name_url="{{ designerTable.getTableName()|escape('url') }}"
         cellpadding="0"
         cellspacing="0"
-        class="designer_tab"
+        class="pma-table designer_tab"
         style="position:absolute; left:
             {{- tab_pos[t_n] is defined ? tab_pos[t_n]['X'] : random(range(20, 700)) }}px; top:
             {{- tab_pos[t_n] is defined ? tab_pos[t_n]['Y'] : random(range(20, 550)) }}px; display:
diff --git a/templates/database/designer/main.twig b/templates/database/designer/main.twig
index dec077c495..ce50264a1a 100644
--- a/templates/database/designer/main.twig
+++ b/templates/database/designer/main.twig
@@ -218,7 +218,7 @@ var designerConfig = {{ designer_config|raw }};
                 </a>
             </div>
             <div id="id_scroll_tab" class="scroll_tab">
-                <table width="100%" style="padding-left: 3px;"></table>
+                <table class="pma-table" width="100%" style="padding-left: 3px;"></table>
             </div>
             {# end id_scroll_tab #}
             <div class="text-center">
@@ -249,7 +249,7 @@ var designerConfig = {{ designer_config|raw }};
 </div>
 <div id="designer_hint"></div>
 {# create relation pane #}
-<table id="layer_new_relation" class="hide" width="5%" cellpadding="0" cellspacing="0">
+<table id="layer_new_relation" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
     <tbody>
         <tr>
             <td class="frams1" width="10px">
@@ -265,7 +265,7 @@ var designerConfig = {{ designer_config|raw }};
             <td class="frams8">
             </td>
             <td class="input_tab">
-                <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                     <thead>
                         <tr>
                             <td colspan="2" class="text-center nowrap">
@@ -360,7 +360,7 @@ var designerConfig = {{ designer_config|raw }};
     </tbody>
 </table>
 {# delete relation pane #}
-<table id="layer_upd_relation" class="hide" width="5%" cellpadding="0" cellspacing="0">
+<table id="layer_upd_relation" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
     <tbody>
         <tr>
             <td class="frams1" width="10px">
@@ -376,7 +376,7 @@ var designerConfig = {{ designer_config|raw }};
             <td class="frams8">
             </td>
             <td class="input_tab">
-                <table width="100%" class="text-center" cellpadding="2" cellspacing="0">
+                <table width="100%" class="pma-table text-center" cellpadding="2" cellspacing="0">
                     <tr>
                         <td colspan="3" class="text-center nowrap">
                             <strong>
@@ -411,7 +411,7 @@ var designerConfig = {{ designer_config|raw }};
 </table>
 {% if has_query %}
     {# options pane #}
-    <table id="designer_optionse" class="hide" width="5%" cellpadding="0" cellspacing="0">
+    <table id="designer_optionse" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
         <tbody>
             <tr>
                 <td class="frams1" width="10px">
@@ -427,7 +427,7 @@ var designerConfig = {{ designer_config|raw }};
                 <td class="frams8">
                 </td>
                 <td class="input_tab">
-                    <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                    <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                         <thead>
                             <tr>
                                 <td colspan="2" rowspan="2" id="option_col_name" class="text-center nowrap">
@@ -689,7 +689,7 @@ var designerConfig = {{ designer_config|raw }};
         </tbody>
     </table>
     {# rename to pane #}
-    <table id="query_rename_to" class="hide" width="5%" cellpadding="0" cellspacing="0">
+    <table id="query_rename_to" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
         <tbody>
             <tr>
                 <td class="frams1" width="10px">
@@ -705,7 +705,7 @@ var designerConfig = {{ designer_config|raw }};
                 <td class="frams8">
                 </td>
                 <td class="input_tab">
-                    <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                    <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                         <thead>
                             <tr>
                                 <td colspan="2" class="text-center nowrap">
@@ -755,7 +755,7 @@ var designerConfig = {{ designer_config|raw }};
         </tbody>
     </table>
     {# having query panel #}
-    <table id="query_having" class="hide" width="5%" cellpadding="0" cellspacing="0">
+    <table id="query_having" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
         <tbody>
             <tr>
                 <td class="frams1" width="10px">
@@ -771,7 +771,7 @@ var designerConfig = {{ designer_config|raw }};
                 <td class="frams8">
                 </td>
                 <td class="input_tab">
-                    <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                    <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                         <thead>
                             <tr>
                                 <td colspan="2" class="text-center nowrap">
@@ -894,7 +894,7 @@ var designerConfig = {{ designer_config|raw }};
         </tbody>
     </table>
     {# aggregate query pane #}
-    <table id="query_Aggregate" class="hide" width="5%" cellpadding="0" cellspacing="0">
+    <table id="query_Aggregate" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
         <tbody>
             <tr>
                 <td class="frams1" width="10px">
@@ -910,7 +910,7 @@ var designerConfig = {{ designer_config|raw }};
                 <td class="frams8">
                 </td>
                 <td class="input_tab">
-                    <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                    <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                         <thead>
                             <tr>
                                 <td colspan="2" class="text-center nowrap">
@@ -979,7 +979,7 @@ var designerConfig = {{ designer_config|raw }};
         </tbody>
     </table>
     {# where query pane #}
-    <table id="query_where" class="hide" width="5%" cellpadding="0" cellspacing="0">
+    <table id="query_where" class="pma-table hide" width="5%" cellpadding="0" cellspacing="0">
         <tbody>
             <tr>
                 <td class="frams1" width="10px">
@@ -995,7 +995,7 @@ var designerConfig = {{ designer_config|raw }};
                 <td class="frams8">
                 </td>
                 <td class="input_tab">
-                    <table width="168" class="text-center" cellpadding="2" cellspacing="0">
+                    <table width="168" class="pma-table text-center" cellpadding="2" cellspacing="0">
                         <thead>
                             <tr>
                                 <td colspan="2" class="text-center nowrap">
diff --git a/templates/database/designer/page_save_as.twig b/templates/database/designer/page_save_as.twig
index c49c663205..3c2b4c3f17 100644
--- a/templates/database/designer/page_save_as.twig
+++ b/templates/database/designer/page_save_as.twig
@@ -1,7 +1,7 @@
 <form action="{{ url('/database/designer') }}" method="post" name="save_as_pages" id="save_as_pages" class="ajax">
     {{ get_hidden_inputs(db) }}
     <fieldset id="page_save_as_options">
-        <table>
+        <table class="pma-table">
             <tbody>
                 <tr>
                     <td>
diff --git a/templates/database/events/editor_form.twig b/templates/database/events/editor_form.twig
index 73ba148122..5ff5633cb9 100644
--- a/templates/database/events/editor_form.twig
+++ b/templates/database/events/editor_form.twig
@@ -7,7 +7,7 @@
 
   <fieldset>
     <legend>{% trans 'Details' %}</legend>
-    <table class="rte_table">
+    <table class="pma-table rte_table">
       <tr>
         <td>{% trans 'Details' %}</td>
         <td>
diff --git a/templates/database/events/index.twig b/templates/database/events/index.twig
index 7eaf79a843..9d6dc66718 100644
--- a/templates/database/events/index.twig
+++ b/templates/database/events/index.twig
@@ -11,7 +11,7 @@
       {% trans 'There are no events to display.' %}
     </div>
 
-    <table class="data{{ items is empty ? ' hide' }}">
+    <table class="pma-table data{{ items is empty ? ' hide' }}">
       <tr>
         <th></th>
         <th>{% trans 'Name' %}</th>
@@ -119,7 +119,7 @@
         <div class="toggleButton">
           <div title="{% trans 'Click to toggle' %}" class="toggle-container {{ scheduler_state ? 'on' : 'off' }}">
             <img src="{{ theme_image_path }}toggle-{{ text_dir }}.png">
-            <table class="nospacing nopadding">
+            <table class="pma-table nospacing nopadding">
               <tbody>
               <tr>
                 <td class="toggleOn">
diff --git a/templates/database/export/index.twig b/templates/database/export/index.twig
index 43762e0431..b21b5b4b63 100644
--- a/templates/database/export/index.twig
+++ b/templates/database/export/index.twig
@@ -16,7 +16,7 @@
       <div class="export_table_list_container">
         <input type="hidden" name="structure_or_data_forced" value="{{ structure_or_data_forced }}">
 
-        <table class="export_table_select">
+        <table class="pma-table export_table_select">
           <thead>
             <tr>
               <th></th>
diff --git a/templates/database/multi_table_query/form.twig b/templates/database/multi_table_query/form.twig
index d6f99b5a7d..57ba255bd9 100644
--- a/templates/database/multi_table_query/form.twig
+++ b/templates/database/multi_table_query/form.twig
@@ -53,7 +53,7 @@
                 <div id="criteria_div{{ id }}" class="pma_auto_slider" title="{% trans 'criteria' %}" style="display: none; overflow:auto;">
 
                 <div>
-                    <table>
+                    <table class="pma-table">
 
                         <tr class="sort_order query-form__tr--bg-none">
                             <td>{% trans 'Sort' %}</td>
diff --git a/templates/database/privileges/index.twig b/templates/database/privileges/index.twig
index 6563d47d79..14cca17803 100644
--- a/templates/database/privileges/index.twig
+++ b/templates/database/privileges/index.twig
@@ -10,7 +10,7 @@
         </legend>
 
         <div class="responsivetable jsresponsive">
-          <table id="dbspecificuserrights" class="data">
+          <table id="dbspecificuserrights" class="pma-table data">
             <thead>
               <tr>
                 <th></th>
diff --git a/templates/database/qbe/ins_del_and_or_cell.twig b/templates/database/qbe/ins_del_and_or_cell.twig
index b8bdd34d67..3a54d04657 100644
--- a/templates/database/qbe/ins_del_and_or_cell.twig
+++ b/templates/database/qbe/ins_del_and_or_cell.twig
@@ -1,5 +1,5 @@
 <td class="value nowrap">
-  <table class="nospacing nopadding">
+  <table class="pma-table nospacing nopadding">
     <tr>
       <td class="value nowrap">
         <small>{% trans 'Ins:' %}</small>
diff --git a/templates/database/qbe/selection_form.twig b/templates/database/qbe/selection_form.twig
index f691b56e12..32a91c3f6b 100644
--- a/templates/database/qbe/selection_form.twig
+++ b/templates/database/qbe/selection_form.twig
@@ -7,7 +7,7 @@
       {{ saved_searches_field|raw }}
 
       <div class="responsivetable jsresponsive">
-        <table class="data w-100">
+        <table class="pma-table data w-100">
           <tr class="noclick">
             <th>{% trans 'Column:' %}</th>
             {{ column_names_row|raw }}
diff --git a/templates/database/routines/index.twig b/templates/database/routines/index.twig
index ce5686f97b..14e4da018f 100644
--- a/templates/database/routines/index.twig
+++ b/templates/database/routines/index.twig
@@ -23,7 +23,7 @@
       {% trans 'There are no routines to display.' %}
     </div>
 
-    <table class="data{{ items is empty ? ' hide' }}">
+    <table class="pma-table data{{ items is empty ? ' hide' }}">
       <tr>
         <th></th>
         <th>{% trans 'Name' %}</th>
diff --git a/templates/database/search/results.twig b/templates/database/search/results.twig
index 34d7e60e22..83d4b89d61 100644
--- a/templates/database/search/results.twig
+++ b/templates/database/search/results.twig
@@ -1,4 +1,4 @@
-<table class="data">
+<table class="pma-table data">
     <caption class="tblHeaders">
         {{ 'Search results for "<em>%s</em>" %s:'|format(
             criteria_search_string,
diff --git a/templates/database/structure/add_prefix.twig b/templates/database/structure/add_prefix.twig
index 3b700cea9f..1defbda864 100644
--- a/templates/database/structure/add_prefix.twig
+++ b/templates/database/structure/add_prefix.twig
@@ -2,7 +2,7 @@
   {{ get_hidden_inputs(url_params) }}
 
   <fieldset class = "input">
-    <table>
+    <table class="pma-table">
       <tr>
         <td>{% trans 'Add prefix' %}</td>
         <td>
diff --git a/templates/database/structure/change_prefix_form.twig b/templates/database/structure/change_prefix_form.twig
index 84ed9c245e..4db0c394de 100644
--- a/templates/database/structure/change_prefix_form.twig
+++ b/templates/database/structure/change_prefix_form.twig
@@ -2,7 +2,7 @@
   {{ get_hidden_inputs(url_params) }}
 
   <fieldset class="input">
-    <table>
+    <table class="pma-table">
       <tr>
         <td>{% trans 'From' %}</td>
         <td>
diff --git a/templates/database/structure/show_create.twig b/templates/database/structure/show_create.twig
index 6626e0c29d..efacc1b869 100644
--- a/templates/database/structure/show_create.twig
+++ b/templates/database/structure/show_create.twig
@@ -4,7 +4,7 @@
   {% if tables.tables is not empty %}
     <fieldset>
       <legend>{% trans 'Tables' %}</legend>
-      <table class="show_create">
+      <table class="pma-table show_create">
         <thead>
           <tr>
             <th>{% trans 'Table' %}</th>
@@ -26,7 +26,7 @@
   {% if tables.views is not empty %}
     <fieldset>
       <legend>{% trans 'Views' %}</legend>
-      <table class="show_create">
+      <table class="pma-table show_create">
         <thead>
           <tr>
             <th>{% trans 'View' %}</th>
diff --git a/templates/database/structure/table_header.twig b/templates/database/structure/table_header.twig
index 2ca9275473..fc85f2f1ae 100644
--- a/templates/database/structure/table_header.twig
+++ b/templates/database/structure/table_header.twig
@@ -1,7 +1,7 @@
 <form method="post" action="{{ url('/database/structure') }}" name="tablesForm" id="tablesForm">
 {{ get_hidden_inputs(db) }}
 <div class="responsivetable">
-<table id="structureTable" class="data">
+<table id="structureTable" class="pma-table data">
     <thead>
         <tr>
             <th class="print_ignore"></th>
diff --git a/templates/database/tracking/tables.twig b/templates/database/tracking/tables.twig
index bbb1d0660c..555c17b6b3 100644
--- a/templates/database/tracking/tables.twig
+++ b/templates/database/tracking/tables.twig
@@ -6,7 +6,7 @@
         <form method="post" action="{{ url('/database/tracking') }}" name="trackedForm"
             id="trackedForm" class="ajax">
             {{ get_hidden_inputs(db) }}
-            <table id="versions" class="data">
+            <table id="versions" class="pma-table data">
                 <thead>
                     <tr>
                         <th></th>
@@ -46,7 +46,7 @@
                                 <div class="toggleButton">
                                   <div title="{% trans 'Click to toggle' %}" class="toggle-container {{ version.tracking_active == 1 ? 'on' : 'off' }}">
                                     <img src="{{ theme_image_path }}toggle-{{ text_dir }}.png">
-                                    <table class="nospacing nopadding">
+                                    <table class="pma-table nospacing nopadding">
                                       <tbody>
                                       <tr>
                                         <td class="toggleOn">
@@ -147,7 +147,7 @@
     <form method="post" action="{{ url('/database/tracking') }}" name="untrackedForm"
         id="untrackedForm" class="ajax">
         {{ get_hidden_inputs(db) }}
-        <table id="noversions" class="data">
+        <table id="noversions" class="pma-table data">
             <thead>
                 <tr>
                     <th></th>
diff --git a/templates/database/triggers/list.twig b/templates/database/triggers/list.twig
index ba6174ed2d..48aa8ea572 100644
--- a/templates/database/triggers/list.twig
+++ b/templates/database/triggers/list.twig
@@ -11,7 +11,7 @@
       {% trans 'There are no triggers to display.' %}
     </div>
 
-    <table class="data{{ items is empty ? ' hide' }}">
+    <table class="pma-table data{{ items is empty ? ' hide' }}">
       <tr>
         <th></th>
         <th>{% trans 'Name' %}</th>
diff --git a/templates/display/results/table.twig b/templates/display/results/table.twig
index ae452defdb..d4477fe880 100644
--- a/templates/display/results/table.twig
+++ b/templates/display/results/table.twig
@@ -1,6 +1,6 @@
 {% set navigation_html %}
   {% if navigation is not empty %}
-    <table class="navigation nospacing nopadding print_ignore">
+    <table class="pma-table navigation nospacing nopadding print_ignore">
       <tr>
         <td class="navigation_separator"></td>
 
@@ -185,7 +185,7 @@
 {% endif %}
 
   <div class="responsivetable">
-    <table class="table_results data ajax" data-uniqueId="{{ unique_id }}">
+    <table class="pma-table table_results data ajax" data-uniqueId="{{ unique_id }}">
 
       {{ headers.button|raw }}
       {{ headers.table_headers_for_columns|raw }}
diff --git a/templates/export.twig b/templates/export.twig
index c7ad8efc8a..2e01f83df0 100644
--- a/templates/export.twig
+++ b/templates/export.twig
@@ -155,7 +155,7 @@
   {% endif %}
 
   <div id="alias_modal" class="hide" title="{% trans 'Rename exported databases/tables/columns' %}">
-    <table id="alias_data">
+    <table class="pma-table" id="alias_data">
       <thead>
       <tr>
         <th colspan="4">
@@ -224,7 +224,7 @@
       </tfoot>
     </table>
 
-    <table>
+    <table class="pma-table">
       <thead>
       <tr>
         <th colspan="4">{% trans 'Define new aliases' %}</th>
diff --git a/templates/indexes.twig b/templates/indexes.twig
index f3c80503a3..edc5c14dac 100644
--- a/templates/indexes.twig
+++ b/templates/indexes.twig
@@ -8,7 +8,7 @@
     {{ indexes_duplicates|raw }}
 
     <div class="responsivetable jsresponsive">
-      <table id="table_index">
+      <table class="pma-table" id="table_index">
         <thead>
           <tr>
             <th colspan="2" class="print_ignore">{% trans 'Action' %}</th>
diff --git a/templates/navigation/item_unhide_dialog.twig b/templates/navigation/item_unhide_dialog.twig
index e510220c07..d54d98b9e5 100644
--- a/templates/navigation/item_unhide_dialog.twig
+++ b/templates/navigation/item_unhide_dialog.twig
@@ -6,7 +6,7 @@
       {% if (item_type is empty or item_type == type) and hidden[type] is iterable %}
         {{ not loop.first ? '<br>' }}
         <strong>{{ label }}</strong>
-        <table class="w-100">
+        <table class="pma-table w-100">
           <tbody>
             {% for item in hidden[type] %}
               <tr>
diff --git a/templates/server/binlog/index.twig b/templates/server/binlog/index.twig
index f5a46ec75c..f6c27e2d41 100644
--- a/templates/server/binlog/index.twig
+++ b/templates/server/binlog/index.twig
@@ -37,7 +37,7 @@
 
 {{ sql_message|raw }}
 
-<table id="binlogTable">
+<table class="pma-table" id="binlogTable">
   <thead>
     <tr>
       <td colspan="6" class="text-center">
diff --git a/templates/server/collations/index.twig b/templates/server/collations/index.twig
index 333498c3c3..7130d06402 100644
--- a/templates/server/collations/index.twig
+++ b/templates/server/collations/index.twig
@@ -7,7 +7,7 @@
 </div>
 
 <div id="div_mysql_charset_collations" class="row">
-  <table class="data noclick col">
+  <table class="pma-table data noclick col">
     <thead>
       <tr>
         <th id="collationHeader">{% trans 'Collation' %}</th>
diff --git a/templates/server/databases/index.twig b/templates/server/databases/index.twig
index 8ed3adc88d..77f6563c6e 100644
--- a/templates/server/databases/index.twig
+++ b/templates/server/databases/index.twig
@@ -94,7 +94,7 @@
     <form class="ajax" action="{{ url('/server/databases') }}" method="post" name="dbStatsForm" id="dbStatsForm">
       {{ get_hidden_inputs(url_params) }}
       <div class="responsivetable row">
-        <table id="tabledatabases" class="data">
+        <table id="tabledatabases" class="pma-table data">
           <thead>
             <tr>
               {% if is_drop_allowed %}
diff --git a/templates/server/engines/index.twig b/templates/server/engines/index.twig
index abfbb50ec2..56ff04b738 100644
--- a/templates/server/engines/index.twig
+++ b/templates/server/engines/index.twig
@@ -7,7 +7,7 @@
   </div>
 
   <div class="row">
-  <table class="noclick">
+  <table class="pma-table noclick">
     <thead>
       <tr>
         <th>{% trans 'Storage Engine' %}</th>
diff --git a/templates/server/plugins/index.twig b/templates/server/plugins/index.twig
index d5e4d5dca3..0a430b2747 100644
--- a/templates/server/plugins/index.twig
+++ b/templates/server/plugins/index.twig
@@ -17,7 +17,7 @@
   {% for type, list in plugins %}
     <div class="responsivetable row">
       <div class="col-12">
-        <table class="data_full_width" id="plugins-{{ clean_types[type] }}">
+        <table class="pma-table data_full_width" id="plugins-{{ clean_types[type] }}">
           <caption class="tblHeaders">
             {{ type }}
           </caption>
diff --git a/templates/server/privileges/change_password.twig b/templates/server/privileges/change_password.twig
index 5f4398283b..6529973f13 100644
--- a/templates/server/privileges/change_password.twig
+++ b/templates/server/privileges/change_password.twig
@@ -8,7 +8,7 @@
 
   <fieldset id="fieldset_change_password">
     <legend{{ is_privileges ? ' data-submenu-label="Change password"' }}>{% trans 'Change password' %}</legend>
-    <table class="data noclick">
+    <table class="pma-table data noclick">
       <tr>
         <td colspan="2">
           <input type="radio" name="nopass" value="1" id="nopass_1">
diff --git a/templates/server/privileges/initials_row.twig b/templates/server/privileges/initials_row.twig
index 3af5decad0..a6e10bfc0b 100644
--- a/templates/server/privileges/initials_row.twig
+++ b/templates/server/privileges/initials_row.twig
@@ -1,4 +1,4 @@
-<table id="initials_table" cellspacing="5">
+<table class="pma-table" id="initials_table" cellspacing="5">
     <tr>
         {% for tmp_initial, initial_was_found in array_initials %}
           {% if tmp_initial is not same as(null) %}
diff --git a/templates/server/privileges/privileges_summary.twig b/templates/server/privileges/privileges_summary.twig
index de180cccf0..ec5770b8b1 100644
--- a/templates/server/privileges/privileges_summary.twig
+++ b/templates/server/privileges/privileges_summary.twig
@@ -8,7 +8,7 @@
             {{ legend }}
         </legend>
 
-        <table class="data">
+        <table class="pma-table data">
             <thead>
                 <tr>
                     <th>{{ type_label }}</th>
diff --git a/templates/server/privileges/users_overview.twig b/templates/server/privileges/users_overview.twig
index 18484e20da..abd7e9999f 100644
--- a/templates/server/privileges/users_overview.twig
+++ b/templates/server/privileges/users_overview.twig
@@ -1,7 +1,7 @@
 <form name="usersForm" id="usersForm" action="{{ url('/server/privileges') }}" method="post">
   {{ get_hidden_inputs() }}
   <div class="responsivetable">
-    <table id="tableuserrights" class="data">
+    <table id="tableuserrights" class="pma-table data">
       <thead>
         <tr>
           <th></th>
diff --git a/templates/server/replication/master_replication.twig b/templates/server/replication/master_replication.twig
index cf6391017f..faba227a7e 100644
--- a/templates/server/replication/master_replication.twig
+++ b/templates/server/replication/master_replication.twig
@@ -17,7 +17,7 @@
         </p>
 
         <div id="replication_slaves_section" style="display: none;">
-          <table class="data">
+          <table class="pma-table data">
             <thead>
               <tr>
                 <th>{% trans 'Server ID' %}</th>
diff --git a/templates/server/replication/status_table.twig b/templates/server/replication/status_table.twig
index 79c45f6d6a..6e96e5c4ff 100644
--- a/templates/server/replication/status_table.twig
+++ b/templates/server/replication/status_table.twig
@@ -10,7 +10,7 @@
     </h4>
   {% endif %}
 
-  <table id="server{{ type }}replicationsummary" class="data">
+  <table id="server{{ type }}replicationsummary" class="pma-table data">
     <thead>
       <tr>
         <th>{% trans 'Variable' %}</th>
diff --git a/templates/server/status/monitor/index.twig b/templates/server/status/monitor/index.twig
index fec804751c..1769a39bb7 100644
--- a/templates/server/status/monitor/index.twig
+++ b/templates/server/status/monitor/index.twig
@@ -241,7 +241,7 @@
 </div>
 
 <div class="clearfloat"></div>
-<div class="row"><table class="clearfloat tdblock" id="chartGrid"></table></div>
+<div class="row"><table class="pma-table clearfloat tdblock" id="chartGrid"></table></div>
 <div id="logTable"><br></div>
 
 <script type="text/javascript">
diff --git a/templates/server/status/processes/list.twig b/templates/server/status/processes/list.twig
index 2555453cd4..3bef4a78f6 100644
--- a/templates/server/status/processes/list.twig
+++ b/templates/server/status/processes/list.twig
@@ -1,5 +1,5 @@
 <div class="responsivetable row">
-  <table id="tableprocesslist" class="data clearfloat noclick sortable">
+  <table id="tableprocesslist" class="pma-table data clearfloat noclick sortable">
     <thead>
       <tr>
         <th>{% trans 'Processes' %}</th>
diff --git a/templates/server/status/queries/index.twig b/templates/server/status/queries/index.twig
index 3f41cd8a3b..1860e192ca 100644
--- a/templates/server/status/queries/index.twig
+++ b/templates/server/status/queries/index.twig
@@ -26,7 +26,7 @@
 </div>
 
 <div class="row">
-  <table id="serverstatusqueriesdetails" class="w-100 data sortable noclick col-md-4 col-12 ">
+  <table id="serverstatusqueriesdetails" class="pma-table w-100 data sortable noclick col-md-4 col-12 ">
     <colgroup>
       <col class="namecol">
       <col class="valuecol" span="3">
diff --git a/templates/server/status/status/index.twig b/templates/server/status/status/index.twig
index 0ac6cf6ae6..0f3826a031 100644
--- a/templates/server/status/status/index.twig
+++ b/templates/server/status/status/index.twig
@@ -7,7 +7,7 @@
   <div class="row"><p>{{ 'This MySQL server has been running for %1$s. It started up on %2$s.'|trans|format(uptime, start_time) }}</p></div>
 
 <div class="row justify-content-between">
-  <table id="serverstatustraffic" class="w-100 data noclick col-12 col-md-5">
+  <table id="serverstatustraffic" class="pma-table w-100 data noclick col-12 col-md-5">
     <thead>
       <tr>
         <th>
@@ -30,7 +30,7 @@
     </tbody>
   </table>
 
-  <table id="serverstatusconnections" class="w-100 data noclick col-12 col-md-6">
+  <table id="serverstatusconnections" class="pma-table w-100 data noclick col-12 col-md-6">
     <thead>
       <tr>
         <th>{% trans 'Connections' %}</th>
diff --git a/templates/server/status/variables/index.twig b/templates/server/status/variables/index.twig
index d04570317a..ef0b7c4bc3 100644
--- a/templates/server/status/variables/index.twig
+++ b/templates/server/status/variables/index.twig
@@ -61,7 +61,7 @@
   </div>
 
   <div class="responsivetable row">
-    <table class="data noclick" id="serverstatusvariables">
+    <table class="pma-table data noclick" id="serverstatusvariables">
       <colgroup>
         <col class="namecol">
         <col class="valuecol">
diff --git a/templates/server/user_groups/user_groups.twig b/templates/server/user_groups/user_groups.twig
index 4f8b9466c8..579ef4aa06 100644
--- a/templates/server/user_groups/user_groups.twig
+++ b/templates/server/user_groups/user_groups.twig
@@ -2,7 +2,7 @@
 {% if  has_rows > 0 %}
     <form name="userGroupsForm" id="userGroupsForm" action="{{ action|raw }}" method="post">
         {{ hidden_inputs|raw  }}
-        <table id="userGroupsTable">
+        <table class="pma-table" id="userGroupsTable">
             <thead>
                 <tr>
                     <th style="white-space: nowrap">
diff --git a/templates/server/user_groups/user_listings.twig b/templates/server/user_groups/user_listings.twig
index 54fcef6d2d..0169ce9543 100644
--- a/templates/server/user_groups/user_listings.twig
+++ b/templates/server/user_groups/user_listings.twig
@@ -2,7 +2,7 @@
 {% if num_rows == 0 %}
     <p>{% trans 'No users were found belonging to this user group.' %}</p>
 {% else %}
-<table>
+<table class="pma-table">
     <thead>
         <tr>
             <th>#</th>
diff --git a/templates/server/variables/index.twig b/templates/server/variables/index.twig
index 710f0ff02f..a0f7c817fb 100644
--- a/templates/server/variables/index.twig
+++ b/templates/server/variables/index.twig
@@ -25,7 +25,7 @@
 
   <div class="responsivetable row">
     <div class="col-12">
-      <table id="serverVariables" class="w-100 data filteredData noclick">
+      <table id="serverVariables" class="pma-table w-100 data filteredData noclick">
         <thead>
           <tr class="var-header var-row">
             <td class="var-action">{% trans 'Action' %}</td>
diff --git a/templates/setup/home/index.twig b/templates/setup/home/index.twig
index a289af7c8c..ad4232a539 100644
--- a/templates/setup/home/index.twig
+++ b/templates/setup/home/index.twig
@@ -37,7 +37,7 @@
 
   <div class="form">
     {% if server_count > 0 %}
-      <table cellspacing="0" class="datatable">
+      <table cellspacing="0" class="pma-table datatable">
         <tr>
           <th>#</th>
           <th>{% trans 'Name' %}</th>
@@ -67,7 +67,7 @@
         {% endfor %}
       </table>
     {% else %}
-      <table width="100%">
+      <table class="pma-table" width="100%">
         <tr>
           <td>
             <em>{% trans 'There are no configured servers' %}</em>
@@ -76,7 +76,7 @@
       </table>
     {% endif %}
 
-    <table width="100%">
+    <table class="pma-table" width="100%">
       <tr>
         <td class="lastrow left">
           <input type="submit" name="submit" value="{% trans 'New server' %}">
@@ -94,7 +94,7 @@
 
   {{ config_form_top_html|raw }}
 
-  <table width="100%" cellspacing="0">
+  <table class="pma-table" width="100%" cellspacing="0">
     {{ default_language_input|raw }}
     {{ server_default_input|raw }}
     {{ eol_input|raw }}
diff --git a/templates/sql/profiling_chart.twig b/templates/sql/profiling_chart.twig
index 450adb3c6c..600e8d51c6 100644
--- a/templates/sql/profiling_chart.twig
+++ b/templates/sql/profiling_chart.twig
@@ -2,7 +2,7 @@
   <legend>{% trans 'Profiling' %}</legend>
   <div class="floatleft">
     <h3>{% trans 'Detailed profile' %}</h3>
-    <table id="profiletable">
+    <table class="pma-table" id="profiletable">
       <thead>
       <tr>
         <th>
@@ -36,7 +36,7 @@
 
   <div class="floatleft">
     <h3>{% trans 'Summary by state' %}{{ show_mysql_docu('general-thread-states') }}</h3>
-    <table id="profilesummarytable">
+    <table class="pma-table" id="profilesummarytable">
       <thead>
       <tr>
         <th>
diff --git a/templates/table/find_replace/replace_preview.twig b/templates/table/find_replace/replace_preview.twig
index a63e511427..17ff942fee 100644
--- a/templates/table/find_replace/replace_preview.twig
+++ b/templates/table/find_replace/replace_preview.twig
@@ -11,7 +11,7 @@
 
     <fieldset id="fieldset_find_replace_preview">
         <legend>{% trans 'Find and replace - preview' %}</legend>
-        <table id="previewTable">
+        <table class="pma-table" id="previewTable">
             <thead>
             <tr>
                 <th>{% trans 'Count' %}</th>
diff --git a/templates/table/index_form.twig b/templates/table/index_form.twig
index 159b69dae0..3c4363528f 100644
--- a/templates/table/index_form.twig
+++ b/templates/table/index_form.twig
@@ -123,7 +123,7 @@
 
         <div class="clearfloat"></div>
 
-        <table id="index_columns">
+        <table class="pma-table" id="index_columns">
             <thead>
                 <tr>
                     <th></th>
diff --git a/templates/table/maintenance/checksum.twig b/templates/table/maintenance/checksum.twig
index 7eb3a45574..74bc63b7a6 100644
--- a/templates/table/maintenance/checksum.twig
+++ b/templates/table/maintenance/checksum.twig
@@ -6,7 +6,7 @@
 
   {{ message|raw }}
 
-  <table class="my-3">
+  <table class="pma-table my-3">
     <thead>
       <tr>
         <th>{% trans 'Table' %}</th>
diff --git a/templates/table/privileges/index.twig b/templates/table/privileges/index.twig
index 57aa203848..40c6832206 100644
--- a/templates/table/privileges/index.twig
+++ b/templates/table/privileges/index.twig
@@ -12,7 +12,7 @@
       </legend>
 
       <div class="responsivetable jsresponsive">
-        <table id="tablespecificuserrights" class="data">
+        <table id="tablespecificuserrights" class="pma-table data">
           <thead>
             <tr>
               <th></th>
diff --git a/templates/table/relation/common_form.twig b/templates/table/relation/common_form.twig
index e11e0c958c..092250c10d 100644
--- a/templates/table/relation/common_form.twig
+++ b/templates/table/relation/common_form.twig
@@ -8,7 +8,7 @@
         <fieldset>
             <legend>{% trans 'Foreign key constraints' %}</legend>
             <div class="responsivetable jsresponsive">
-            <table id="foreign_keys" class="relationalTable">
+            <table id="foreign_keys" class="pma-table relationalTable">
                 <thead><tr>
                     <th>{% trans 'Actions' %}</th>
                     <th>{% trans 'Constraint properties' %}</th>
@@ -110,7 +110,7 @@
                 {% trans 'Internal relationships' %}
                 {{ show_docu('config', 'cfg_Servers_relation') }}
             </legend>
-            <table id="internal_relations" class="relationalTable">
+            <table id="internal_relations" class="pma-table relationalTable">
                 <tr>
                     <th>{% trans 'Column' %}</th>
                     <th>{% trans 'Internal relation' %}
diff --git a/templates/table/search/index.twig b/templates/table/search/index.twig
index 6146fb7dc3..c00fdeaa5b 100644
--- a/templates/table/search/index.twig
+++ b/templates/table/search/index.twig
@@ -29,7 +29,7 @@
         {% trans 'Do a "query by example" (wildcard: "%")' %}
       </legend>
       <div class="responsivetable jsresponsive">
-        <table class="data">
+        <table class="pma-table data">
           <thead>
             <tr>
               {% if geom_column_flag %}
diff --git a/templates/table/structure/display_partitions.twig b/templates/table/structure/display_partitions.twig
index 71a88c7d53..b026a66360 100644
--- a/templates/table/structure/display_partitions.twig
+++ b/templates/table/structure/display_partitions.twig
@@ -17,7 +17,7 @@
                     <code>{{ sub_partition_method }}({{ sub_partition_expression }})</code>
                 <p>
             {% endif %}
-            <table>
+            <table class="pma-table">
                 <thead>
                     <tr>
                         <th colspan="2">#</th>
diff --git a/templates/table/structure/display_structure.twig b/templates/table/structure/display_structure.twig
index cf448dee39..7c9359fb5b 100644
--- a/templates/table/structure/display_structure.twig
+++ b/templates/table/structure/display_structure.twig
@@ -13,7 +13,7 @@
             "table"
         {%- endif %}>
     <div class="responsivetable">
-    <table id="tablestructure" class="data topmargin">
+    <table id="tablestructure" class="pma-table data topmargin">
         {# Table header #}
         <thead>
             <tr>
@@ -407,7 +407,7 @@
         {{ indexes_duplicates|raw }}
 
         <div class="responsivetable jsresponsive">
-          <table id="table_index">
+          <table class="pma-table" id="table_index">
             <thead>
               <tr>
                 <th colspan="3" class="print_ignore">{% trans 'Action' %}</th>
diff --git a/templates/table/structure/display_table_stats.twig b/templates/table/structure/display_table_stats.twig
index 00f47b911c..e56beb2021 100644
--- a/templates/table/structure/display_table_stats.twig
+++ b/templates/table/structure/display_table_stats.twig
@@ -10,7 +10,7 @@
         <a id="showusage"></a>
 
         {% if not tbl_is_view and not db_is_system_schema %}
-            <table id="tablespaceusage" class="data">
+            <table id="tablespaceusage" class="pma-table data">
                 <caption class="tblHeaders">{% trans 'Space usage' %}</caption>
                 <tbody>
                     <tr>
@@ -74,7 +74,7 @@
 
         {% set avg_size = avg_size is defined ? avg_size : null %}
         {% set avg_unit = avg_unit is defined ? avg_unit : null %}
-        <table id="tablerowstats" class="data">
+        <table id="tablerowstats" class="pma-table data">
             <caption class="tblHeaders">{% trans 'Row statistics' %}</caption>
             <tbody>
                 {% if showtable['Row_format'] is defined %}
diff --git a/templates/table/tracking/main.twig b/templates/table/tracking/main.twig
index f304b8d092..cbb46ef644 100644
--- a/templates/table/tracking/main.twig
+++ b/templates/table/tracking/main.twig
@@ -21,7 +21,7 @@
 {% if last_version > 0 %}
     <form method="post" action="{{ url('/table/tracking') }}" name="versionsForm" id="versionsForm" class="ajax">
         {{ get_hidden_inputs(db, table) }}
-        <table id="versions" class="data">
+        <table id="versions" class="pma-table data">
             <thead>
                 <tr>
                     <th></th>
diff --git a/templates/table/tracking/report_table.twig b/templates/table/tracking/report_table.twig
index 7c6186fcb3..eac6b84945 100644
--- a/templates/table/tracking/report_table.twig
+++ b/templates/table/tracking/report_table.twig
@@ -1,4 +1,4 @@
-<table id="{{ table_id }}" class="data">
+<table id="{{ table_id }}" class="pma-table data">
     <thead>
         <tr>
             <th>{% trans %}#{% context %}Number{% endtrans %}</th>
diff --git a/templates/table/tracking/structure_snapshot_columns.twig b/templates/table/tracking/structure_snapshot_columns.twig
index 4ef8c215a1..b7f1beaa41 100644
--- a/templates/table/tracking/structure_snapshot_columns.twig
+++ b/templates/table/tracking/structure_snapshot_columns.twig
@@ -1,5 +1,5 @@
 <h3>{% trans 'Structure' %}</h3>
-<table id="tablestructure" class="data">
+<table id="tablestructure" class="pma-table data">
     <thead>
         <tr>
             <th>{% trans %}#{% context %}Number{% endtrans %}</th>
diff --git a/templates/table/tracking/structure_snapshot_indexes.twig b/templates/table/tracking/structure_snapshot_indexes.twig
index a919252f4b..70fd093c22 100644
--- a/templates/table/tracking/structure_snapshot_indexes.twig
+++ b/templates/table/tracking/structure_snapshot_indexes.twig
@@ -1,5 +1,5 @@
 <h3>{% trans 'Indexes' %}</h3>
-<table id="tablestructure_indexes" class="data">
+<table id="tablestructure_indexes" class="pma-table data">
     <thead>
         <tr>
             <th>{% trans 'Keyname' %}</th>
diff --git a/templates/table/zoom_search/index.twig b/templates/table/zoom_search/index.twig
index 712f203e9e..e0fb24daad 100644
--- a/templates/table/zoom_search/index.twig
+++ b/templates/table/zoom_search/index.twig
@@ -29,7 +29,7 @@
         {% trans 'Do a "query by example" (wildcard: "%") for two different columns' %}
       </legend>
 
-      <table class="data" id="tableFieldsId">
+      <table class="pma-table data" id="tableFieldsId">
         <thead>
           <tr>
             {% if geom_column_flag %}
@@ -111,7 +111,7 @@
         </tbody>
       </table>
 
-      <table class="data">
+      <table class="pma-table data">
         <tr>
           <td>
             <label for="dataLabel">
diff --git a/templates/table/zoom_search/result_form.twig b/templates/table/zoom_search/result_form.twig
index 5648b9624a..5d0bb5770f 100644
--- a/templates/table/zoom_search/result_form.twig
+++ b/templates/table/zoom_search/result_form.twig
@@ -26,7 +26,7 @@
 
         {# Displays rows in point edit form #}
         <div id="dataDisplay" class="hide">
-            <table>
+            <table class="pma-table">
                 <thead>
                 <tr>
                     <th>{% trans 'Column' %}</th>
diff --git a/templates/transformation_overview.twig b/templates/transformation_overview.twig
index fe97149d55..1ae3d37e15 100644
--- a/templates/transformation_overview.twig
+++ b/templates/transformation_overview.twig
@@ -12,7 +12,7 @@
 
 <h2 id="transformation">{% trans 'Available browser display transformations' %}</h2>
 
-<table>
+<table class="pma-table">
   <thead>
     <tr>
       <th>{% trans 'Browser display transformation' %}</th>
@@ -31,7 +31,7 @@
 
 <h2 id="input_transformation">{% trans 'Available input transformations' %}</h2>
 
-<table>
+<table class="pma-table">
   <thead>
     <tr>
       <th>{% trans 'Input transformation' %}</th>
diff --git a/templates/view_create.twig b/templates/view_create.twig
index 20e9370c51..7552098f1b 100644
--- a/templates/view_create.twig
+++ b/templates/view_create.twig
@@ -14,7 +14,7 @@
                 {% endif %}
             {% endif %}
         </legend>
-        <table class="rte_table">
+        <table class="pma-table rte_table">
             {% if view['operation'] == 'create' %}
                 <tr>
                     <td class="nowrap"><label for="or_replace">OR REPLACE</label></td>
diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index e2a4502777..087c0b0f99 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -117,7 +117,7 @@ dfn {
   }
 }
 
-th {
+.pma-table th {
   font-weight: bold;
   color: $th-color;
   background: #f3f3f3;
@@ -263,7 +263,7 @@ textarea {
   }
 }
 
-th.fillPage {
+.pma-table th.fillPage {
   width: 80%;
 }
 
@@ -328,7 +328,7 @@ button {
   table-layout: fixed;
 }
 
-table {
+.pma-table {
   border-collapse: collapse;
 
   caption,
@@ -341,11 +341,11 @@ table {
   }
 }
 
-thead th {
+.pma-table thead th {
   border-#{$right}: 1px solid #fff;
 }
 
-th {
+.pma-table th {
   text-align: $left;
 }
 
@@ -394,7 +394,7 @@ select:not(.form-control) {
   display: block;
 }
 
-table {
+.pma-table {
   &.nospacing {
     border-spacing: 0;
   }
@@ -407,50 +407,50 @@ table {
   }
 }
 
-th.left,
-td.left {
+.pma-table th.left,
+.pma-table td.left {
   text-align: $left;
 }
 
-th.right,
-td.right {
+.pma-table th.right,
+.pma-table td.right {
   text-align: $right;
   padding-#{$right}: 1em;
 }
 
-tr.vtop {
+.pma-table tr.vtop {
   th,
   td {
     vertical-align: top;
   }
 }
 
-th.vtop,
-td.vtop {
+.pma-table th.vtop,
+.pma-table td.vtop {
   vertical-align: top;
 }
 
-tr.vmiddle {
+.pma-table tr.vmiddle {
   th,
   td {
     vertical-align: middle;
   }
 }
 
-th.vmiddle,
-td.vmiddle {
+.pma-table th.vmiddle,
+.pma-table td.vmiddle {
   vertical-align: middle;
 }
 
-tr.vbottom {
+.pma-table tr.vbottom {
   th,
   td {
     vertical-align: bottom;
   }
 }
 
-th.vbottom,
-td.vbottom {
+.pma-table th.vbottom,
+.pma-table td.vbottom {
   vertical-align: bottom;
 }
 
@@ -522,27 +522,27 @@ button.mult_submit {
 }
 
 // odd items 1,3,5,7...
-table tbody:first-of-type tr:nth-child(odd),
-table tbody:first-of-type tr:nth-child(odd) th,
+.pma-table tbody:first-of-type tr:nth-child(odd),
+.pma-table tbody:first-of-type tr:nth-child(odd) th,
 #table_index tbody:nth-of-type(odd) tr,
 #table_index tbody:nth-of-type(odd) th {
   background: #fff;
 }
 
 // even items 2,4,6,8...
-table tbody:first-of-type tr:nth-child(even),
-table tbody:first-of-type tr:nth-child(even) th,
+.pma-table tbody:first-of-type tr:nth-child(even),
+.pma-table tbody:first-of-type tr:nth-child(even) th,
 #table_index tbody:nth-of-type(even) tr,
 #table_index tbody:nth-of-type(even) th {
   background: #dfdfdf;
 }
 
 // only one item
-table tbody:first-of-type tr:only-child {
+.pma-table tbody:first-of-type tr:only-child {
   background: none;
 }
 
-table tr {
+.pma-table tr {
   text-align: $left;
 
   th {
@@ -551,17 +551,17 @@ table tr {
 }
 
 // marked table rows
-td.marked:not(.nomarker),
-table tr.marked:not(.nomarker) td,
-table tbody:first-of-type tr.marked:not(.nomarker) th,
-table tr.marked:not(.nomarker) {
+.pma-table td.marked:not(.nomarker),
+.pma-table tr.marked:not(.nomarker) td,
+.pma-table tbody:first-of-type tr.marked:not(.nomarker) th,
+.pma-table tr.marked:not(.nomarker) {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-marker-color;
 }
 
 // hovered items
-table tbody:first-of-type tr:not(.nopointer):hover,
-table tbody:first-of-type tr:not(.nopointer):hover th,
+.pma-table tbody:first-of-type tr:not(.nopointer):hover,
+.pma-table tbody:first-of-type tr:not(.nopointer):hover th,
 .hover:not(.nopointer) {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-pointer-color;
@@ -571,7 +571,7 @@ table tbody:first-of-type tr:not(.nopointer):hover th,
 #table_index tbody:hover tr,
 #table_index tbody:hover th,
 #table_index tbody:hover td,
-table tr.hover:not(.nopointer) th {
+.pma-table tr.hover:not(.nopointer) th {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-pointer-color;
 }
@@ -583,17 +583,17 @@ table tr.hover:not(.nopointer) th {
   border-color: $browse-marker-color !important;
 }
 
-th.condition {
+.pma-table th.condition {
   border-width: 1px 1px 0 1px;
   border-style: solid;
 }
 
-td.condition {
+.pma-table td.condition {
   border-width: 0 1px 0 1px;
   border-style: solid;
 }
 
-tr:last-child td.condition {
+.pma-table tr:last-child td.condition {
   border-width: 0 1px 1px 1px;
 }
 
@@ -607,12 +607,12 @@ tr:last-child td.condition {
 /**
  * cells with the value NULL
  */
-td.null {
+.pma-table td.null {
   font-style: italic;
   color: #7d7d7d;
 }
 
-table {
+.pma-table {
   .valueHeader,
   .value {
     text-align: $right;
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 78fd9bfa2e..9e23b9f589 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -267,7 +267,7 @@ dfn:hover {
   border-bottom: 1px solid $border-color;
 }
 
-th {
+.pma-table th {
   font-family: $font-family-bold;
   color: $th-color !important;
   font-weight: normal;
@@ -380,7 +380,7 @@ button {
   display: inline;
 }
 
-table {
+.pma-table {
   border-collapse: collapse;
 
   caption,
@@ -392,7 +392,7 @@ table {
   }
 }
 
-th {
+.pma-table th {
   text-align: $left;
 }
 
@@ -437,7 +437,7 @@ select {
   display: block;
 }
 
-table {
+.pma-table {
   &.nospacing {
     border-spacing: 0;
   }
@@ -450,50 +450,50 @@ table {
   }
 }
 
-th.left,
-td.left {
+.pma-table th.left,
+.pma-table td.left {
   text-align: $left;
 }
 
-th.right,
-td.right {
+.pma-table th.right,
+.pma-table td.right {
   text-align: $right;
   padding-#{$right}: 1em;
 }
 
-tr.vtop {
+.pma-table tr.vtop {
   th,
   td {
     vertical-align: top;
   }
 }
 
-th.vtop,
-td.vtop {
+.pma-table th.vtop,
+.pma-table td.vtop {
   vertical-align: top;
 }
 
-tr.vmiddle {
+.pma-table tr.vmiddle {
   th,
   td {
     vertical-align: middle;
   }
 }
 
-th.vmiddle,
-td.vmiddle {
+.pma-table th.vmiddle,
+.pma-table td.vmiddle {
   vertical-align: middle;
 }
 
-tr.vbottom {
+.pma-table tr.vbottom {
   th,
   td {
     vertical-align: bottom;
   }
 }
 
-th.vbottom,
-td.vbottom {
+.pma-table th.vbottom,
+.pma-table td.vbottom {
   vertical-align: bottom;
 }
 
@@ -576,7 +576,7 @@ div.tools {
   }
 }
 
-tr.noclick td:first-child::before {
+.pma-table tr.noclick td:first-child::before {
   content: "";
 }
 
@@ -614,7 +614,7 @@ button.mult_submit {
   margin: 0;
 }
 
-table tr {
+.pma-table tr {
   text-align: $left;
   border-bottom: 1px solid #eee;
 
@@ -647,11 +647,11 @@ table tr {
 }
 
 /* marked table rows */
-td.marked:not(.nomarker) {
+.pma-table td.marked:not(.nomarker) {
   color: $main-color;
 }
 
-table tr.marked:not(.nomarker) {
+.pma-table tr.marked:not(.nomarker) {
   color: $main-color;
 
   td,
@@ -660,11 +660,11 @@ table tr.marked:not(.nomarker) {
   }
 }
 
-td.marked:not(.nomarker) {
+.pma-table td.marked:not(.nomarker) {
   background-color: $browse-marker-background;
 }
 
-table tr {
+.pma-table tr {
   &.marked:not(.nomarker) {
     border-#{$left}: 3px solid #24a0da;
   }
@@ -689,7 +689,7 @@ table tr {
   }
 }
 
-table tr.hover:not(.nopointer) th {
+.pma-table tr.hover:not(.nopointer) th {
   background-color: $browse-marker-background;
   color: $th-pointer-color;
 }
@@ -708,7 +708,7 @@ table tr.hover:not(.nopointer) th {
   border-color: $browse-warning-color !important;
 }
 
-th.condition {
+.pma-table th.condition {
   border: 1px solid $browse-warning-color;
   background: $browse-warning-color;
   color: $body-bg !important;
@@ -720,7 +720,7 @@ th.condition {
   }
 }
 
-td {
+.pma-table td {
   &.condition {
     border: 1px solid;
   }
@@ -732,7 +732,7 @@ td {
   }
 }
 
-table {
+.pma-table {
   .valueHeader,
   .value {
     text-align: $right;
@@ -793,7 +793,7 @@ img.lightbulb {
 }
 
 /* no extra space in table cells */
-td .icon {
+.pma-table td .icon {
   margin: 0;
 }
 
@@ -999,7 +999,7 @@ div#dataDisplay {
   }
 }
 
-table {
+.pma-table {
   &#tableFieldsId {
     width: 100%;
   }
@@ -3601,7 +3601,7 @@ meter {
 }
 
 /* styles for sortable tables created with tablesorter jquery plugin */
-th {
+.pma-table th {
   &.header {
     cursor: pointer;
     color: #235a81;
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index 6433ad374e..040dd6e713 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -69,7 +69,7 @@ dfn {
   }
 }
 
-th {
+.pma-table th {
   font-weight: bold;
   color: $th-color;
   background: $th-background;
@@ -96,7 +96,7 @@ textarea {
   overflow: visible;
 }
 
-th.fillPage {
+.pma-table th.fillPage {
   width: 80%;
 }
 
@@ -133,7 +133,7 @@ button {
   display: inline;
 }
 
-table {
+.pma-table {
   caption,
   th,
   td {
@@ -144,7 +144,7 @@ table {
   }
 }
 
-table {
+.pma-table {
   border-collapse: separate;
 }
 
@@ -169,7 +169,7 @@ button {
   float: $right;
 }
 
-table {
+.pma-table {
   &.nospacing {
     border-spacing: 0;
   }
@@ -182,32 +182,32 @@ table {
   }
 }
 
-th.left,
-td.left {
+.pma-table th.left,
+.pma-table td.left {
   text-align: $left;
 }
 
-th.right,
-td.right {
+.pma-table th.right,
+.pma-table td.right {
   text-align: $right;
   padding-#{$right}: 1em;
 }
 
-tr.vtop,
-th.vtop,
-td.vtop {
+.pma-table tr.vtop,
+.pma-table th.vtop,
+.pma-table td.vtop {
   vertical-align: top;
 }
 
-tr.vmiddle,
-th.vmiddle,
-td.vmiddle {
+.pma-table tr.vmiddle,
+.pma-table th.vmiddle,
+.pma-table td.vmiddle {
   vertical-align: middle;
 }
 
-tr.vbottom,
-th.vbottom,
-td.vbottom {
+.pma-table tr.vbottom,
+.pma-table th.vbottom,
+.pma-table td.vbottom {
   vertical-align: bottom;
 }
 
@@ -265,7 +265,7 @@ button.mult_submit {
 }
 
 // odd items 1,3,5,7...
-table tr:nth-child(odd) {
+.pma-table tr:nth-child(odd) {
   background: $bg-one;
 }
 
@@ -277,7 +277,7 @@ table tr:nth-child(odd) {
 }
 
 // even items 2,4,6,8...
-table tr:nth-child(even) {
+.pma-table tr:nth-child(even) {
   background: $bg-two;
 }
 
@@ -288,7 +288,7 @@ table tr:nth-child(even) {
   }
 }
 
-table tr {
+.pma-table tr {
   text-align: $left;
 
   th {
@@ -296,12 +296,12 @@ table tr {
   }
 }
 
-td.marked:not(.nomarker) {
+.pma-table td.marked:not(.nomarker) {
   background: $browse-marker-background;
   color: $browse-marker-color;
 }
 
-table tr {
+.pma-table tr {
   &.marked:not(.nomarker) {
     background: $browse-marker-background;
     color: $browse-marker-color;
@@ -332,7 +332,7 @@ table tr {
   }
 }
 
-table tr.hover:not(.nopointer) th {
+.pma-table tr.hover:not(.nopointer) th {
   background: $browse-pointer-background;
   color: $browse-pointer-color;
 }
@@ -340,20 +340,20 @@ table tr.hover:not(.nopointer) th {
 /**
  * marks table rows/cells if the db field is in a where condition
  */
-td.condition,
-th.condition {
+.pma-table td.condition,
+.pma-table th.condition {
   border: 1px solid $browse-marker-background;
 }
 
 /**
  * cells with the value NULL
  */
-td.null {
+.pma-table td.null {
   font-style: italic;
   color: #7d7d7d;
 }
 
-table {
+.pma-table {
   .valueHeader,
   .value {
     text-align: $right;
@@ -427,7 +427,7 @@ img.lightbulb {
 }
 
 /* no extra space in table cells */
-td .icon {
+.pma-table td .icon {
   margin: 0;
 }
 
@@ -762,7 +762,7 @@ div#dataDisplay {
   }
 }
 
-table {
+.pma-table {
   &#tableFieldsId {
     width: 100%;
   }
@@ -3243,7 +3243,7 @@ span.drag_icon {
 }
 
 /* styles for sortable tables created with tablesorter jquery plugin */
-th {
+.pma-table th {
   &.header {
     cursor: pointer;
     color: #00f;
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index d7d4833828..3c983e0a06 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -123,7 +123,7 @@ dfn {
   }
 }
 
-th {
+.pma-table th {
   font-weight: bold;
   color: $th-color;
   background: #f3f3f3;
@@ -299,7 +299,7 @@ textarea {
   }
 }
 
-th.fillPage {
+.pma-table th.fillPage {
   width: 80%;
 }
 
@@ -364,7 +364,7 @@ button {
   table-layout: fixed;
 }
 
-table {
+.pma-table {
   border-collapse: collapse;
 
   caption,
@@ -378,11 +378,11 @@ table {
   }
 }
 
-thead th {
+.pma-table thead th {
   border-#{$right}: 1px solid #fff;
 }
 
-th {
+.pma-table th {
   text-align: $left;
 }
 
@@ -434,7 +434,7 @@ select {
   display: block;
 }
 
-table {
+.pma-table {
   &.nospacing {
     border-spacing: 0;
   }
@@ -447,50 +447,50 @@ table {
   }
 }
 
-th.left,
-td.left {
+.pma-table th.left,
+.pma-table td.left {
   text-align: $left;
 }
 
-th.right,
-td.right {
+.pma-table th.right,
+.pma-table td.right {
   text-align: $right;
   padding-#{$right}: 1em;
 }
 
-tr.vtop {
+.pma-table tr.vtop {
   th,
   td {
     vertical-align: top;
   }
 }
 
-th.vtop,
-td.vtop {
+.pma-table th.vtop,
+.pma-table td.vtop {
   vertical-align: top;
 }
 
-tr.vmiddle {
+.pma-table tr.vmiddle {
   th,
   td {
     vertical-align: middle;
   }
 }
 
-th.vmiddle,
-td.vmiddle {
+.pma-table th.vmiddle,
+.pma-table td.vmiddle {
   vertical-align: middle;
 }
 
-tr.vbottom {
+.pma-table tr.vbottom {
   th,
   td {
     vertical-align: bottom;
   }
 }
 
-th.vbottom,
-td.vbottom {
+.pma-table th.vbottom,
+.pma-table td.vbottom {
   vertical-align: bottom;
 }
 
@@ -562,27 +562,27 @@ button.mult_submit {
 }
 
 // odd items 1,3,5,7...
-table tbody:first-of-type tr:nth-child(odd),
-table tbody:first-of-type tr:nth-child(odd) th,
+.pma-table tbody:first-of-type tr:nth-child(odd),
+.pma-table tbody:first-of-type tr:nth-child(odd) th,
 #table_index tbody:nth-of-type(odd) tr,
 #table_index tbody:nth-of-type(odd) th {
   background: #fff;
 }
 
 // even items 2,4,6,8...
-table tbody:first-of-type tr:nth-child(even),
-table tbody:first-of-type tr:nth-child(even) th,
+.pma-table tbody:first-of-type tr:nth-child(even),
+.pma-table tbody:first-of-type tr:nth-child(even) th,
 #table_index tbody:nth-of-type(even) tr,
 #table_index tbody:nth-of-type(even) th {
   background: #dfdfdf;
 }
 
 // only one item
-table tbody:first-of-type tr:only-child {
+.pma-table tbody:first-of-type tr:only-child {
   background: none;
 }
 
-table tr {
+.pma-table tr {
   text-align: $left;
 
   th {
@@ -591,17 +591,17 @@ table tr {
 }
 
 // marked table rows
-td.marked:not(.nomarker),
-table tr.marked:not(.nomarker) td,
-table tbody:first-of-type tr.marked:not(.nomarker) th,
-table tr.marked:not(.nomarker) {
+.pma-table td.marked:not(.nomarker),
+.pma-table tr.marked:not(.nomarker) td,
+.pma-table tbody:first-of-type tr.marked:not(.nomarker) th,
+.pma-table tr.marked:not(.nomarker) {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-marker-color;
 }
 
 // hovered items
-table tbody:first-of-type tr:not(.nopointer):hover,
-table tbody:first-of-type tr:not(.nopointer):hover th,
+.pma-table tbody:first-of-type tr:not(.nopointer):hover,
+.pma-table tbody:first-of-type tr:not(.nopointer):hover th,
 .hover:not(.nopointer) {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-pointer-color;
@@ -611,7 +611,7 @@ table tbody:first-of-type tr:not(.nopointer):hover th,
 #table_index tbody:hover tr,
 #table_index tbody:hover th,
 #table_index tbody:hover td,
-table tr.hover:not(.nopointer) th {
+.pma-table tr.hover:not(.nopointer) th {
   background: linear-gradient(#ced6df, #b6c6d7);
   color: $browse-pointer-color;
 }
@@ -623,17 +623,17 @@ table tr.hover:not(.nopointer) th {
   border-color: $browse-marker-color !important;
 }
 
-th.condition {
+.pma-table th.condition {
   border-width: 1px 1px 0 1px;
   border-style: solid;
 }
 
-td.condition {
+.pma-table td.condition {
   border-width: 0 1px 0 1px;
   border-style: solid;
 }
 
-tr:last-child td.condition {
+.pma-table tr:last-child td.condition {
   border-width: 0 1px 1px 1px;
 }
 
@@ -647,12 +647,12 @@ tr:last-child td.condition {
 /**
  * cells with the value NULL
  */
-td.null {
+.pma-table td.null {
   font-style: italic;
   color: #7d7d7d;
 }
 
-table {
+.pma-table table {
   .valueHeader,
   .value {
     text-align: $right;
@@ -713,7 +713,7 @@ img.lightbulb {
 }
 
 // no extra space in table cells
-td .icon {
+.pma-table td .icon {
   image-rendering: pixelated;
   margin: 0;
 }
@@ -826,8 +826,8 @@ div.tools a:hover,
   }
 }
 
-tr.disabled td,
-td.disabled {
+.pma-table tr.disabled td,
+.pma-table td.disabled {
   background-color: #f3f3f3;
   color: #aaa;
 }
@@ -1019,7 +1019,7 @@ div#dataDisplay {
   }
 }
 
-table {
+.pma-table {
   &#tableFieldsId {
     width: 100%;
   }
@@ -3680,7 +3680,7 @@ meter {
 }
 
 // styles for sortable tables created with tablesorter jquery plugin
-th {
+.pma-table th {
   &.header {
     cursor: pointer;
     color: #235a81;