diff --git a/config/testreport/css/default.css b/config/testreport/css/default.css
index 7018250c8..a07df3a25 100644
--- a/config/testreport/css/default.css
+++ b/config/testreport/css/default.css
@@ -1013,11 +1013,11 @@ table * {
         }
             table th.table-sorted-asc
             {
-                background-image: url('../images/caret-down-fill.svg');
+                background-image: url('../images/caret-up-fill.svg');
             }
             table th.table-sorted-desc
             {
-                background-image: url('../images/caret-up-fill.svg');
+                background-image: url('../images/caret-down-fill.svg');
             }
     table tfoot td.colgroup1
     {
diff --git a/config/testreport/js/table.js b/config/testreport/js/table.js
index c0c9fea0f..a34d02f49 100644
--- a/config/testreport/js/table.js
+++ b/config/testreport/js/table.js
@@ -520,7 +520,7 @@ var Table = (function(){
 					removeClass(cell,this.SortedDescendingClassName);
 					// If the computed colIndex of the cell equals the sorted colIndex, flag it as sorted
 					if (tdata.col==table.getActualCellIndex(cell) && (classValue(cell,table.SortableClassName))) {
-						addClass(cell,tdata.desc?this.SortedAscendingClassName:this.SortedDescendingClassName);
+						addClass(cell,tdata.desc?this.SortedDescendingClassName:this.SortedAscendingClassName);
 					}
 				}
 			}
diff --git a/config/testreport/js/xlt.js b/config/testreport/js/xlt.js
index 8200a69c1..15cd65414 100644
--- a/config/testreport/js/xlt.js
+++ b/config/testreport/js/xlt.js
@@ -347,17 +347,13 @@
 
     function filter (input) {
         var $input       = $(input),
-            table        = $input.parents("table:not(.cluetip-table)"), // get the target/foreground table
+            $table       = $input.parents("table:not(.cluetip-table)"), // get the target/foreground table
             filterPhrase = $input.val();
+            filterId     = $input.attr('data-filter-id');
 
-        var filterFunc = function(value) { return doFilter(value, filterPhrase) };
-
-        // actually perform filtering a table by a filter phrase
-        var filterTable = function(table) {
-            table.find("input.filter").each(function() {
-                Table.filter(this, { 'filter': filterFunc });
-            });
-        };
+        var filter = {};
+        filter.filter = function(value) { return doFilter(value, filterPhrase) };
+        filter.col = $input.attr('data-col-index'); // input should provide the index of the column to filter
 
         // shows/hides the footer row of a table
         var showTableFooter = function(table, footerVisible) {
@@ -383,29 +379,34 @@
 
         var footerVisible;
 
-        // let the table filter the rows
-        filterTable(table);
+        // let the table filter the rows; the filter logic stores all previously applied filters (e.g. filters for other
+        // columns), so we only need to provide the input field that got updated here
+        Table.filter(input, filter);
 
         // show the table footer only if no body rows have been filtered out
-        footerVisible = table.find('> tbody > tr:hidden').length == 0;
+        footerVisible = $table.find('> tbody > tr:hidden').length == 0;
 
-        showTableFooter(table, footerVisible);
+        showTableFooter($table, footerVisible);
 
-        // now process any hidden table (Requests page only)
-        $('table:hidden').each(function() {
+        // now process any hidden tables (Requests page only) or all tables on the page for trend reports; don't process
+        // the initial table again; ignore cluetip tables
+        $('table:not(.cluetip-table):hidden,table.trend').not($table).each(function() {
             var $this = $(this);
-            filterTable($this);
+            var $input = $this.find('input[data-filter-id="' + filterId + '"]');
+            Table.filter($input[0], filter);
             showTableFooter($this, footerVisible);
             // set the current filter phrase as the filter input's value
-            $this.find('input.filter').val(filterPhrase);
+            $input.val(filterPhrase);
         });
 
         // now filter the charts
         $('.charts:not(.overview) .chart-group.no-print').each(function() {
-            var value = this.getAttribute('data-name');
-            var visible = filterFunc(value);
-
-            $(this).toggle(visible);
+            var chartId = this.getAttribute('id');
+            // find the table row for the current chart; the chart is only visible if the matching table row is visible
+            var $row = $table.find('tr a[href="#' + chartId + '"]');
+            if($row.length > 0){
+                $(this).toggle($row.is(':visible'));
+            }
         });
     }
 
@@ -513,6 +514,7 @@
                    event.stopPropagation();
                    $input.val("");
                    throttleFilter(input);
+                   updateFilterHash(input);
                });
            });
         })();
@@ -987,9 +989,9 @@
                 newHashObj.sort = oldHashObj.sort;
             }
 
-            // hashes might contain a filter
-            if(oldHashObj.filter != undefined && newHashObj.filter == undefined){
-                newHashObj.filter = oldHashObj.filter;
+            // hashes might contain filters
+            if(oldHashObj.filters.length > 0 && newHashObj.filters.length == 0){
+                newHashObj.filters = oldHashObj.filters;
             }
 
             // sometimes sorting must be triggered from the update hash function. For example, when a user directly changes the sorting option (navbar) in the url
@@ -1012,9 +1014,11 @@
         }
     }
 
-    // splits the given hash - automatically tries to detect the current format. the returned hash object might contain a "navigation", "sort" and "filter" option
+    // splits the given hash - automatically tries to detect the current format. the returned hash object might contain a "navigation" and "sort" option, as well
+    // as multiple "filter" options
     function splitHash(hash){
         var hashObj = {};
+        hashObj.filters = [];
 
         if(hash !== ""){
             // hash format: http://...#abc
@@ -1033,7 +1037,11 @@
                         hashObj.sort = param;
                     }
                     else if(param.startsWith('filter')){
-                        hashObj.filter = param;
+                        // filter params have the format "filterByX=value"
+                        var filterId = param.split('=')[0];
+                        // order filters based on their column index, so the order in the hash is consistent
+                        var index = $('input[data-filter-id="' + filterId + '"]').attr('data-col-index');
+                        hashObj.filters[index] = param;
                     }
                     else{
                         hashObj.navigation = '#' + param;
@@ -1059,8 +1067,13 @@
             newHash.push(updatedHashObj.sort);
         }
 
-        if(updatedHashObj.filter != undefined){
-            newHash.push(updatedHashObj.filter);
+        if(updatedHashObj.filters != undefined){
+            for(var i = 0; i < updatedHashObj.filters.length; i++){
+                // the "filters" array might contain undefined values if not all filters are set; we ignore those here
+                if(updatedHashObj.filters[i]){
+                    newHash.push(updatedHashObj.filters[i]);
+                }
+            }
         }
 
         // check if we have a hash to process
@@ -1081,13 +1094,13 @@
 
     // eventlistener that fires if a sortable table row gets clicked
     function updateHashAfterSort(sortingEvent){
-        if(sortingEvent.target.classList.contains('table-sortable') && sortingEvent.target.id != undefined){
-            var sortingRule = sortingEvent.target.classList.contains('table-sorted-asc') ? 'asc' : 'desc';
+        if(sortingEvent.currentTarget.classList.contains('table-sortable') && sortingEvent.currentTarget.id != undefined){
+            var sortingRule = sortingEvent.currentTarget.classList.contains('table-sorted-asc') ? 'asc' : 'desc';
             // Get the current hash (if one exists)
             var hashObj = splitHash(window.location.hash);
 
             // update the sorting option of the hash
-            hashObj.sort = sortingEvent.target.id + '=' + sortingRule;
+            hashObj.sort = sortingEvent.currentTarget.id + '=' + sortingRule;
 
             // After sorting we update the hash manually, so we disable executing the next event
             ignoreNextHashChange = true;
@@ -1140,12 +1153,21 @@
 
     // method that gets triggered when the user enters some input to apply a filter
     function updateHashAfterFilter(filterEvent){
-        var filter = filterEvent.target.value;
-        var encodedFilter = encodeURIComponent(filterEvent.target.value);
+        updateFilterHash(filterEvent.target);
+    }
+
+    // updates the current hash with information from the given filter input
+    function updateFilterHash(filterInput){
+        var filter = filterInput.value;
+        var encodedFilter = encodeURIComponent(filter);
         // console.log('filter change:' + filter + ' to ' + encodedFilter);
 
+        var filterId = filterInput.getAttribute('data-filter-id');
+        var index = filterInput.getAttribute('data-col-index');
+
         var newHashObj = splitHash(window.location.hash);
-        newHashObj.filter = 'filter=' + encodedFilter;
+
+        newHashObj.filters[index] = filterId + '=' + encodedFilter;
 
         updateHash(newHashObj);
     }
@@ -1164,20 +1186,23 @@
             sort(sortingElem, sortingRule);
         }
 
-        // check for existing filter to apply
-        if(hashObj.filter != undefined){
-            // Apply initial filter
-            var filterParam = hashObj.filter.split('=');
-            var encodedFilter = filterParam[1];
-
-            if(encodedFilter.length > 0){
-                var decodedFilter = decodeURIComponent(encodedFilter);
-                // console.log('filter value: ' + decodedFilter);
-                var filterInputFields = document.querySelectorAll('input.filter');
-                for(var i = 0; i < filterInputFields.length; i++){
-                    var filterField = filterInputFields[i];
-                    filterField.value = decodedFilter;
-                    filter(filterField);
+        // check for existing filters to apply
+        for(var i = 0; i < hashObj.filters.length; i++){
+            // skip undefined values in the "filters" array
+            if(hashObj.filters[i]){
+                // Apply initial filters
+                var filterParam = hashObj.filters[i].split('=');
+                var encodedFilter = filterParam[1];
+
+                if(encodedFilter.length > 0){
+                    var decodedFilter = decodeURIComponent(encodedFilter);
+                    // console.log('filter value: ' + decodedFilter);
+
+                    // apply filter to the first visible matching filter input field; the filter logic will propagate
+                    // the filter value to all other matching input fields automatically
+                    var filterInputField = $('input:visible[data-filter-id="' + filterParam[0] + '"]')[0];
+                    filterInputField.value = decodedFilter;
+                    filter(filterInputField);
                 }
             }
         }
diff --git a/config/xsl/diffreport/sections/custom-values.xsl b/config/xsl/diffreport/sections/custom-values.xsl
index 925e7fe97..fe515b373 100644
--- a/config/xsl/diffreport/sections/custom-values.xsl
+++ b/config/xsl/diffreport/sections/custom-values.xsl
@@ -18,7 +18,7 @@
                                 <xsl:attribute name="id">sortByName</xsl:attribute>
                                 Value Name
                                 <br/>
-                                <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                 <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                             </th>
                             <th colspan="4">Count</th>
diff --git a/config/xsl/diffreport/sections/web-vitals.xsl b/config/xsl/diffreport/sections/web-vitals.xsl
index f0b5d4bd5..f03e31806 100644
--- a/config/xsl/diffreport/sections/web-vitals.xsl
+++ b/config/xsl/diffreport/sections/web-vitals.xsl
@@ -18,7 +18,7 @@
                                 <xsl:attribute name="id">sortByName</xsl:attribute>
                                 Action Name
                                 <br/>
-                                <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                 <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                             </th>
                             <th class="table-sortable:numeric" id="sortByFCP">First Contentful Paint<br/>(FCP)</th>
diff --git a/config/xsl/diffreport/util/timer-section.xsl b/config/xsl/diffreport/util/timer-section.xsl
index 406497341..ede75c045 100644
--- a/config/xsl/diffreport/util/timer-section.xsl
+++ b/config/xsl/diffreport/util/timer-section.xsl
@@ -35,10 +35,10 @@
                         <table class="c-tab-content table-autosort:0">
                             <thead>
                                 <tr>
-                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1">
+                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByBandwidthName">
                                         <xsl:value-of select="$tableRowHeader"/>
                                         <br/>
-                                        <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                        <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                         <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                                     </th>
                                     <th colspan="8">Bytes Sent</th>
diff --git a/config/xsl/diffreport/util/timer-table.xsl b/config/xsl/diffreport/util/timer-table.xsl
index b6ed2993b..65575de75 100644
--- a/config/xsl/diffreport/util/timer-table.xsl
+++ b/config/xsl/diffreport/util/timer-table.xsl
@@ -15,7 +15,7 @@
                             <xsl:attribute name="id">sortByName</xsl:attribute>
                             <xsl:value-of select="$tableRowHeader"/>
                             <br/>
-                            <input class="filter" placeholder="Enter filter substrings" title=""/>
+                            <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                             <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                         </th>
                         <xsl:choose>
diff --git a/config/xsl/loadreport/sections/agents.xsl b/config/xsl/loadreport/sections/agents.xsl
index b5ac57f8e..d4ca4b777 100644
--- a/config/xsl/loadreport/sections/agents.xsl
+++ b/config/xsl/loadreport/sections/agents.xsl
@@ -25,7 +25,7 @@
                                 <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByName">
                                     Agent Name
                                     <br/>
-                                    <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                    <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                     <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                                 </th>
                                 <th colspan="3">Transactions</th>
diff --git a/config/xsl/loadreport/sections/custom-values.xsl b/config/xsl/loadreport/sections/custom-values.xsl
index e2c8a44f6..092bec9a1 100644
--- a/config/xsl/loadreport/sections/custom-values.xsl
+++ b/config/xsl/loadreport/sections/custom-values.xsl
@@ -17,7 +17,7 @@
                             <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByName">
                                 Value Name
                                 <br/>
-                                <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                 <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                             </th>
                             <th colspan="4">Count</th>
diff --git a/config/xsl/loadreport/sections/web-vitals.xsl b/config/xsl/loadreport/sections/web-vitals.xsl
index b04fcfc9b..feeb6c12a 100644
--- a/config/xsl/loadreport/sections/web-vitals.xsl
+++ b/config/xsl/loadreport/sections/web-vitals.xsl
@@ -16,7 +16,7 @@
                             <th class="table-sortable:alphanumeric" id="sortByName">
                                 Action Name
                                 <br/>
-                                <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                 <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                             </th>
                             <th class="table-sortable:numeric" id="sortByFCP">First Contentful Paint<br/>(FCP)</th>
diff --git a/config/xsl/loadreport/util/slowest-requests-table.xsl b/config/xsl/loadreport/util/slowest-requests-table.xsl
index ee36d19fe..e6d309c35 100644
--- a/config/xsl/loadreport/util/slowest-requests-table.xsl
+++ b/config/xsl/loadreport/util/slowest-requests-table.xsl
@@ -12,7 +12,7 @@
                         <xsl:text>Request Name</xsl:text>
                         <br/>
                         <form>
-                            <input class="filter" placeholder="Enter filter substrings" title=""/>
+                            <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                             <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                         </form>
                     </th>
diff --git a/config/xsl/loadreport/util/timer-section.xsl b/config/xsl/loadreport/util/timer-section.xsl
index b38d2d6fb..a865b7150 100644
--- a/config/xsl/loadreport/util/timer-section.xsl
+++ b/config/xsl/loadreport/util/timer-section.xsl
@@ -8,7 +8,7 @@
         <xsl:param name="runtimeIntervalsNode"/>
         <xsl:param name="type"/>
         
-        <div class="charts">
+        <div class="charts overview">
             <xsl:for-each select="$summaryElement">
                 <!-- There is only one matching node. -->
                 <xsl:call-template name="timer-chart">
@@ -52,10 +52,17 @@
                                     <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByBandwidthName">
                                         <xsl:value-of select="$tableRowHeader"/>
                                         <br/>
-                                        <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                        <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                         <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                                     </th>
-                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">Labels</th>
+                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">
+                                        <xsl:text>Labels</xsl:text>
+                                        <br/>
+                                        <form>
+                                            <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByLabels" data-col-index="1"/>
+                                            <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
+                                        </form>
+                                    </th>
                                     <th colspan="8">Bytes Sent</th>
                                     <th colspan="8" class="colgroup1">Bytes Received</th>
                                 </tr>
@@ -274,10 +281,17 @@
                                     <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByNetworkName">
                                         <xsl:value-of select="$tableRowHeader"/>
                                         <br/>
-                                        <input class="filter" placeholder="Enter filter substrings" title=""/>
+                                        <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                                         <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                                     </th>
-                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">Labels</th>
+                                    <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">
+                                        <xsl:text>Labels</xsl:text>
+                                        <br/>
+                                        <form>
+                                            <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByLabels" data-col-index="1"/>
+                                            <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
+                                        </form>
+                                    </th>
                                     <th colspan="3" >DNS Time [ms]</th>
                                     <th colspan="3" class="colgroup1">Connect Time [ms]</th>
                                     <th colspan="3">Send Time [ms]</th>
diff --git a/config/xsl/loadreport/util/timer-table.xsl b/config/xsl/loadreport/util/timer-table.xsl
index e88f5920c..9917c4838 100644
--- a/config/xsl/loadreport/util/timer-table.xsl
+++ b/config/xsl/loadreport/util/timer-table.xsl
@@ -31,12 +31,19 @@
                         <xsl:value-of select="$tableRowHeader"/>
                         <br/>
                         <form>
-                            <input class="filter" placeholder="Enter filter substrings" title=""/>
+                            <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                             <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                         </form>
                     </th>
                     <xsl:if test="$type = 'transaction' or $type = 'action' or $type = 'request'">
-                        <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">Labels</th>
+                        <th rowspan="2" class="table-sortable:alphanumeric colgroup1" id="sortByLabels">
+                            <xsl:text>Labels</xsl:text>
+                            <br/>
+                            <form>
+                                <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByLabels" data-col-index="1"/>
+                                <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
+                            </form>
+                        </th>
                     </xsl:if>
                     <xsl:choose>
                         <xsl:when test="$type = 'request'">
diff --git a/config/xsl/trendreport/util/timer-chart.xsl b/config/xsl/trendreport/util/timer-chart.xsl
index 809d7ec9c..1b82a26fc 100644
--- a/config/xsl/trendreport/util/timer-chart.xsl
+++ b/config/xsl/trendreport/util/timer-chart.xsl
@@ -13,13 +13,14 @@
         <xsl:variable name="gid" select="generate-id(.)"/>
 
         <a>
-            <xsl:attribute name="id">timerchart-<xsl:value-of select="$gid"/></xsl:attribute>
+            <xsl:attribute name="id"><xsl:value-of select="normalize-space(name)"/></xsl:attribute>
             <xsl:comment>
                 This is a placeholder for the anchor.
             </xsl:comment>
         </a>
 
-        <div id="{$gid}" class="chart-group tabs c-tabs no-print" data-name="{name}">
+        <div class="chart-group tabs c-tabs no-print" data-name="{normalize-space(name)}">
+            <xsl:attribute name="id">timerchart-<xsl:value-of select="$gid"/></xsl:attribute>
             <ul class="c-tabs-nav">
                 <li class="c-tabs-nav-link c-is-active">
                     <a href="#RunTime-{$gid}">Run Times</a>
diff --git a/config/xsl/trendreport/util/timer-table.xsl b/config/xsl/trendreport/util/timer-table.xsl
index 7857610a0..d7854d98f 100644
--- a/config/xsl/trendreport/util/timer-table.xsl
+++ b/config/xsl/trendreport/util/timer-table.xsl
@@ -19,14 +19,14 @@
             </xsl:if>
         </xsl:variable>
 
-        <table class="c-tab-content table-autosort:0">
+        <table class="trend c-tab-content table-autosort:0">
             <thead>
                 <tr>
                     <th class="table-sortable:alphanumeric" rowspan="2">
                         <xsl:attribute name="id">sortBy<xsl:value-of select="$valueName"/><xsl:value-of select="$mode"/>Name</xsl:attribute>
                         <xsl:value-of select="$tableRowHeader"/>
                         <br/>
-                        <input class="filter" placeholder="Enter filter substrings" title=""/>
+                        <input class="filter" placeholder="Enter filter substrings" title="" data-filter-id="filterByName" data-col-index="0"/>
                         <button class="clear-input" type="clear" title="Click to clear">&#x2715;</button>
                     </th>