[Tables] #707 Added auto-scroll, addressed race condition in Sinewave and event telemetry providers

Fixed issue with visible padding row

Incremental improvements

Added tests

Added tests for sorted insert, and fixed lint errors

platform/features/table/res/templates/mct-table.html

@@ -0,0 +1,65 @@
+<div class="l-view-section scrolling"
+     ng-style="overrideRowPositioning ?
+         {'overflow': 'auto'} :
+         {'overflow': 'scroll'}"
+     >
+    <table class="filterable"
+           ng-style="overrideRowPositioning && {
+            height: totalHeight + 'px',
+            'table-layout': overrideRowPositioning ? 'fixed' : 'auto'
+        }">
+        <thead>
+            <tr>
+                <th ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'none',
+                        'box-sizing': 'border-box'
+                    }"
+                    ng-class="[
+                        enableSort ? 'sortable' : '',
+                        sortColumn === header ? 'sort' : '',
+                        sortDirection || ''
+                    ].join(' ')"
+                    ng-click="toggleSort(header)">
+                    {{ header }}
+                </th>
+            </tr>
+            <tr ng-if="enableFilter" class="s-filters">
+                <th ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'none',
+                        'box-sizing': 'border-box'
+                    }">
+                    <input type="text"
+                           ng-model="filters[header]"/>
+                </th>
+            </tr>
+        </thead>
+
+        <tbody ng-style="overrideRowPositioning ? '' : {
+            'opacity': '0.0'
+        }">
+            <tr ng-repeat="visibleRow in visibleRows track by visibleRow.rowIndex"
+                ng-style="overrideRowPositioning && {
+                    position: 'absolute',
+                    top: visibleRow.offsetY + 'px',
+                }">
+                <td ng-repeat="header in displayHeaders"
+                    ng-style="overrideRowPositioning && {
+                        width: columnWidths[$index] + 'px',
+                        'white-space': 'nowrap',
+                        'max-width': columnWidths[$index] + 'px',
+                        overflow: 'hidden',
+                        'box-sizing': 'border-box'
+                    }"
+                    class="{{visibleRow.contents[header].cssClass}}">
+                     {{ visibleRow.contents[header].text }}
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>