diff --git a/tests/_output/bootstrap/treelist/treelist-aggregates.png b/tests/_output/bootstrap/treelist/treelist-aggregates.png
index ea237b1f98b..15debb22028 100644
Binary files a/tests/_output/bootstrap/treelist/treelist-aggregates.png and b/tests/_output/bootstrap/treelist/treelist-aggregates.png differ
diff --git a/tests/_output/classic/treelist/treelist-aggregates.png b/tests/_output/classic/treelist/treelist-aggregates.png
index 258b7211f3f..5b34594d025 100644
Binary files a/tests/_output/classic/treelist/treelist-aggregates.png and b/tests/_output/classic/treelist/treelist-aggregates.png differ
diff --git a/tests/_output/default/treelist/treelist-aggregates.png b/tests/_output/default/treelist/treelist-aggregates.png
index f5c700388f2..e5bd0b2a7bc 100644
Binary files a/tests/_output/default/treelist/treelist-aggregates.png and b/tests/_output/default/treelist/treelist-aggregates.png differ
diff --git a/tests/_output/material/treelist/treelist-aggregates.png b/tests/_output/material/treelist/treelist-aggregates.png
index 84d0108bba1..8b4b404666d 100644
Binary files a/tests/_output/material/treelist/treelist-aggregates.png and b/tests/_output/material/treelist/treelist-aggregates.png differ
diff --git a/tests/treelist/treelist-aggregate-react.html b/tests/treelist/treelist-aggregate-react.html
index ecea50ca936..cdbd675cda8 100644
--- a/tests/treelist/treelist-aggregate-react.html
+++ b/tests/treelist/treelist-aggregate-react.html
@@ -11,29 +11,29 @@
     <div id="test-area" class="k-d-grid">
         <section>
             <span>React</span>
-            <div class="k-grid k-grid-md k-treelist-scrollable">
-                <table class="k-table k-table-md">
+            <div class="k-treelist k-treelist-scrollable k-grid k-grid-md">
+                <table class="k-grid-table k-table k-table-md">
                     <colgroup>
                         <col style="width: 34%;">
                         <col style="width: 33%;">
                         <col style="width: 33%;">
                     </colgroup>
-                    <thead class="k-table-thead k-grid-header">
+                    <thead class="k-grid-header k-table-thead">
                         <tr class="k-table-row">
-                            <th colspan="1" rowspan="1" class="k-table-th k-header" style="top: 0px;">
+                            <th colspan="1" rowspan="1" class="k-header k-table-th" style="top: 0px;">
                                 <a class="k-link">Name</a>
                             </th>
-                            <th colspan="1" rowspan="1" class="k-table-th k-header" style="top: 0px;">
+                            <th colspan="1" rowspan="1" class="k-header k-table-th" style="top: 0px;">
                                 <a class="k-link">Position</a>
                             </th>
-                            <th colspan="1" rowspan="1" class="k-table-th k-header" style="top: 0px;">
+                            <th colspan="1" rowspan="1" class="k-header k-table-th" style="top: 0px;">
                                 <a class="k-link">Hire Date</a>
                             </th>
                         </tr>
                     </thead>
                     <tbody class="k-table-tbody">
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                         <path d="M256 352 128 160h256z"></path>
@@ -43,8 +43,8 @@
                             <td colspan="1" class="k-table-td">CEO</td>
                             <td colspan="1" class="k-table-td">March 7, 2012</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class=" k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -57,8 +57,8 @@
                             <td colspan="1" class="k-table-td">Chief Technical Officer</td>
                             <td colspan="1" class="k-table-td">April 3, 2010</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -71,8 +71,8 @@
                             <td colspan="1" class="k-table-td">Chief Product Officer</td>
                             <td colspan="1" class="k-table-td">December 30, 2014</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -85,8 +85,8 @@
                             <td colspan="1" class="k-table-td">Chief Process Officer</td>
                             <td colspan="1" class="k-table-td">March 25, 2010</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -102,8 +102,8 @@
                             <td colspan="1" class="k-table-td">Director Facilities</td>
                             <td colspan="1" class="k-table-td">July 26, 2015</td>
                         </tr>
-                        <tr class="k-table-row k-group-footer">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-group-footer k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -117,8 +117,8 @@
                             <td colspan="1" class="k-table-td"></td>
                             <td colspan="1" class="k-table-td">Last employee hired on August 30, 2015</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -131,8 +131,8 @@
                             <td colspan="1" class="k-table-td">Chief Financial Officer</td>
                             <td colspan="1" class="k-table-td">September 17, 2015</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-master-row k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -145,8 +145,8 @@
                             <td colspan="1" class="k-table-td">General Counsel</td>
                             <td colspan="1" class="k-table-td">March 12, 2011</td>
                         </tr>
-                        <tr class="k-table-row k-group-footer">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-group-footer k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>
@@ -157,14 +157,14 @@
                             <td colspan="1" class="k-table-td"></td>
                             <td colspan="1" class="k-table-td">Last employee hired on September 17, 2015</td>
                         </tr>
-                        <tr class="k-table-row k-group-footer">
-                            <td class="k-table-td k-text-nowrap" colspan="1">
+                        <tr class="k-group-footer k-table-row">
+                            <td colspan="1" class="k-text-nowrap k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                 </span>99 employee(s)
                             </td>
                             <td colspan="1" class="k-table-td"></td>
-                            <td colspan="1" class="k-table-td">Last employee hired on September 17, 2015</td>
+                            <td colspan="1" class="k-table-TableTd k-table-td">Last employee hired on September 17, 2015</td>
                         </tr>
                     </tbody>
                 </table>
diff --git a/tests/treelist/treelist-aggregates.html b/tests/treelist/treelist-aggregates.html
index 82c5fecd9c3..4f2ad618112 100644
--- a/tests/treelist/treelist-aggregates.html
+++ b/tests/treelist/treelist-aggregates.html
@@ -11,10 +11,10 @@
     <div id="test-area" class="k-d-grid">
         <section>
             <span>jQuery</span>
-            <div id="treelist" class="k-treelist k-grid k-grid-md k-grid-display-block" style="height: 650px;">
+            <div id="treelist" class="k-treelist k-grid-display-block k-grid k-grid-md" style="height: 650px;">
                 <div class="k-grid-header">
                     <div class="k-grid-header-wrap">
-                        <table class="k-table k-table-md k-grid-header-table">
+                        <table class="k-grid-header-table k-table k-table-md">
                             <colgroup>
                                 <col>
                                 <col>
@@ -22,12 +22,12 @@
                             </colgroup>
                             <thead class="k-table-thead">
                                 <tr class="k-table-row">
-                                    <th class="k-table-th k-header k-filterable" rowspan="1">
+                                    <th rowspan="1" class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Name</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -36,12 +36,12 @@
                                             </a>
                                         </span>
                                     </th>
-                                    <th class="k-table-th k-header k-filterable" rowspan="1" data-index="1">
+                                    <th rowspan="1" data-index="1" class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Position</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -50,12 +50,12 @@
                                             </a>
                                         </span>
                                     </th>
-                                    <th data-title="Hire Date" class="k-table-th k-header k-filterable" rowspan="1">
+                                    <th rowspan="1" class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Hire Date</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -69,160 +69,162 @@
                         </table>
                     </div>
                 </div>
-                <div class="k-grid-content k-auto-scrollable" style="display: block; height: 591px;">
-                    <table class="k-table k-table-md k-grid-table">
-                        <colgroup>
-                            <col>
-                            <col>
-                            <col>
-                        </colgroup>
-                        <tbody class="k-table-tbody">
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Daryl Sweeney
-                                </td>
-                                <td class="k-table-td">CEO</td>
-                                <td class="k-table-td">February 7, 2012</td>
-                            </tr>
-                            <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Guy Wooten
-                                </td>
-                                <td class="k-table-td">Chief Technical Officer</td>
-                                <td class="k-table-td">March 3, 2010</td>
-                            </tr>
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Priscilla Frank
-                                </td>
-                                <td class="k-table-td">Chief Product Officer</td>
-                                <td class="k-table-td">November 30, 2014</td>
-                            </tr>
-                            <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Anika Vega
-                                </td>
-                                <td class="k-table-td">Chief Process Officer</td>
-                                <td class="k-table-td">February 25, 2010</td>
-                            </tr>
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Vernon Ballard
-                                </td>
-                                <td class="k-table-td">Director Facilities</td>
-                                <td class="k-table-td">June 26, 2015</td>
-                            </tr>
-                            <tr class="k-table-row k-footer-template">
-                                <td class="k-table-td k-focus">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>7 employee(s)
-                                </td>
-                                <td class="k-table-td"></td>
-                                <td class="k-table-td">Last employee hired on July 30, 2015</td>
-                            </tr>
-                            <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Nevada Hart
-                                </td>
-                                <td class="k-table-td">Chief Financial Officer</td>
-                                <td class="k-table-td">August 17, 2015</td>
-                            </tr>
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td" style="white-space: nowrap;">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Hunter Fry
-                                </td>
-                                <td class="k-table-td">General Counsel</td>
-                                <td class="k-table-td">February 12, 2011</td>
-                            </tr>
-                            <tr class="k-table-row k-footer-template">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>98 employee(s)
-                                </td>
-                                <td class="k-table-td"></td>
-                                <td class="k-table-td">Last employee hired on August 17, 2015</td>
-                            </tr>
-                            <tr class="k-table-row k-footer-template">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>99 employee(s)
-                                </td>
-                                <td class="k-table-td"></td>
-                                <td class="k-table-td">Last employee hired on August 17, 2015</td>
-                            </tr>
-                        </tbody>
-                    </table>
+                <div class="k-grid-container">
+                    <div class="k-auto-scrollable k-grid-content" style="display: block; height: 591px;">
+                        <table class="k-grid-table k-table k-table-md">
+                            <colgroup>
+                                <col>
+                                <col>
+                                <col>
+                            </colgroup>
+                            <tbody class="k-table-tbody">
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Daryl Sweeney
+                                    </td>
+                                    <td class="k-table-td">CEO</td>
+                                    <td class="k-table-td">February 7, 2012</td>
+                                </tr>
+                                <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Guy Wooten
+                                    </td>
+                                    <td class="k-table-td">Chief Technical Officer</td>
+                                    <td class="k-table-td">March 3, 2010</td>
+                                </tr>
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Priscilla Frank
+                                    </td>
+                                    <td class="k-table-td">Chief Product Officer</td>
+                                    <td class="k-table-td">November 30, 2014</td>
+                                </tr>
+                                <tr class="k-treelist-group k-alt k-table-row k-table-alt-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Anika Vega
+                                    </td>
+                                    <td class="k-table-td">Chief Process Officer</td>
+                                    <td class="k-table-td">February 25, 2010</td>
+                                </tr>
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Vernon Ballard
+                                    </td>
+                                    <td class="k-table-td">Director Facilities</td>
+                                    <td class="k-table-td">June 26, 2015</td>
+                                </tr>
+                                <tr class="k-footer-template k-table-row">
+                                    <td class="k-focus k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>7 employee(s)
+                                    </td>
+                                    <td class="k-table-td"></td>
+                                    <td class="k-table-td">Last employee hired on July 30, 2015</td>
+                                </tr>
+                                <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Nevada Hart
+                                    </td>
+                                    <td class="k-table-td">Chief Financial Officer</td>
+                                    <td class="k-table-td">August 17, 2015</td>
+                                </tr>
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td" style="white-space: nowrap;">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Hunter Fry
+                                    </td>
+                                    <td class="k-table-td">General Counsel</td>
+                                    <td class="k-table-td">February 12, 2011</td>
+                                </tr>
+                                <tr class="k-footer-template k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>98 employee(s)
+                                    </td>
+                                    <td class="k-table-td"></td>
+                                    <td class="k-table-td">Last employee hired on August 17, 2015</td>
+                                </tr>
+                                <tr class="k-footer-template k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>99 employee(s)
+                                    </td>
+                                    <td class="k-table-td"></td>
+                                    <td class="k-table-td">Last employee hired on August 17, 2015</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </section>
         <section>
             <span>Angular</span>
-            <div class="k-grid k-grid-md k-treelist" style="height: 410px;">
+            <div class="k-treelist k-grid k-grid-md" style="height: 410px;">
                 <div class="k-grid-aria-root">
                     <div class="k-grid-header">
                         <div class="k-grid-header-wrap">
-                            <table class="k-table k-table-md k-grid-header-table">
+                            <table class="k-grid-header-table k-table k-table-md">
                                 <colgroup>
                                     <col style="width: 250px;">
                                     <col style="width: 180px;">
@@ -230,21 +232,21 @@
                                 </colgroup>
                                 <thead class="k-table-thead">
                                     <tr class="k-table-row">
-                                        <th class="k-table-th k-header" rowspan="1" colspan="1">
+                                        <th colspan="1" rowspan="1" class="k-header k-table-th">
                                             <span class="k-cell-inner">
                                                 <span class="k-link">
                                                     <span class="k-column-title">Name</span>
                                                 </span>
                                             </span>
                                         </th>
-                                        <th class="k-table-th k-header" rowspan="1" colspan="1">
+                                        <th colspan="1" rowspan="1" class="k-header k-table-th">
                                             <span class="k-cell-inner">
                                                 <span class="k-link">
                                                     <span class="k-column-title">Title</span>
                                                 </span>
                                             </span>
                                         </th>
-                                        <th class="k-table-th k-header" rowspan="1" colspan="1">
+                                        <th colspan="1" rowspan="1" class="k-header k-table-th">
                                             <span class="k-cell-inner">
                                                 <span class="k-link">
                                                     <span class="k-column-title">hireDate</span>
@@ -257,9 +259,9 @@
                         </div>
                     </div>
                     <div class="k-grid-container">
-                        <div class="k-grid-content k-virtual-content">
+                        <div class="k-virtual-content k-grid-content">
                             <div class="k-grid-table-wrap">
-                                <table class="k-table k-table-md k-grid-table">
+                                <table class="k-grid-table k-table k-table-md">
                                     <colgroup>
                                         <col style="width: 250px;">
                                         <col style="width: 180px;">
@@ -277,7 +279,7 @@
                                             <td colspan="1" class="k-table-td">Chief Executive Officer</td>
                                             <td colspan="1" class="k-table-td">1/15/2019</td>
                                         </tr>
-                                        <tr class="k-table-row k-table-alt-row k-alt">
+                                        <tr class="k-alt k-table-row k-table-alt-row">
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -308,8 +310,8 @@
                                             <td colspan="1" class="k-table-td">VP, Engineering</td>
                                             <td colspan="1" class="k-table-td">4/13/2019</td>
                                         </tr>
-                                        <tr class="k-table-row k-footer">
-                                            <td class="k-table-td k-focus">
+                                        <tr class="k-footer k-table-row">
+                                            <td class="k-focus k-table-td">
                                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
                                                 </span>
@@ -323,7 +325,7 @@
                                             <td class="k-table-td"></td>
                                             <td class="k-table-td">Last employee hired on 10/21/2019</td>
                                         </tr>
-                                        <tr class="k-table-row k-table-alt-row k-alt">
+                                        <tr class="k-alt k-table-row k-table-alt-row">
                                             <td colspan="1" class="k-table-td">
                                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -337,7 +339,7 @@
                                             <td colspan="1" class="k-table-td">Chief Product Officer</td>
                                             <td colspan="1" class="k-table-td">4/22/2019</td>
                                         </tr>
-                                        <tr class="k-footer">
+                                        <tr class="k-footer k-table-row">
                                             <td class="k-table-td">
                                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -349,7 +351,7 @@
                                             <td class="k-table-td"></td>
                                             <td class="k-table-td">Last employee hired on 10/21/2019</td>
                                         </tr>
-                                        <tr class="k-table-row k-footer">
+                                        <tr class="k-footer k-table-row">
                                             <td class="k-table-td">
                                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
diff --git a/tests/treelist/treelist-react.html b/tests/treelist/treelist-react.html
index 38a0c9066de..be2ad5c1d6c 100644
--- a/tests/treelist/treelist-react.html
+++ b/tests/treelist/treelist-react.html
@@ -11,8 +11,8 @@
     <div id="test-area" class="k-d-grid">
         <section>
             <span>React Treelist</span>
-            <div class="k-grid k-grid-md k-treelist-scrollable">
-                <table class="k-table k-table-md k-grid-table">
+            <div class="k-treelist k-treelist-scrollable k-grid k-grid-md">
+                <table class="k-grid-table k-table k-table-md">
                     <colgroup>
                         <col style="width: 200px;">
                         <col style="width: 300px;">
@@ -20,25 +20,25 @@
                         <col style="width: 400px;">
                         <col style="width: 100px;">
                     </colgroup>
-                    <thead class="k-table-thead k-grid-header">
+                    <thead class="k-grid-header k-table-thead">
                         <tr class="k-table-row">
-                            <th class="k-table-th k-header">
+                            <th class="k-header k-table-th">
                                 <a class="k-link">id</a>
                             </th>
-                            <th class="k-table-th k-header">
+                            <th class="k-header k-table-th">
                                 <a class="k-link">text</a>
                             </th>
-                            <th class="k-table-th k-header">
+                            <th class="k-header k-table-th">
                                 <a class="k-link">price</a>
                             </th>
-                            <th class="k-table-th k-header">
+                            <th class="k-header k-table-th">
                                 <a class="k-link">manufactured</a>
                             </th>
-                            <th class="k-table-th k-header">
+                            <th class="k-header k-table-th">
                                 <a class="k-link">discontinued</a>
                             </th>
                         </tr>
-                        <tr class="k-table-row k-filter-row">
+                        <tr class="k-filter-row k-table-row">
                             <th class="k-table-th"></th>
                             <th class="k-table-th">
                                 <div class="k-filtercell">
@@ -167,7 +167,7 @@
                         </tr>
                     </thead>
                     <tbody class="k-table-tbody">
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -180,7 +180,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">false</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -194,7 +194,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">false</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -208,7 +208,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">true</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -222,7 +222,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">false</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
@@ -235,7 +235,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">false</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -249,7 +249,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">false</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
@@ -265,7 +265,7 @@
                             <td class="k-table-td">8/12/1996</td>
                             <td class="k-table-td">true</td>
                         </tr>
-                        <tr class="k-table-row k-master-row">
+                        <tr class="k-master-row k-table-row">
                             <td class="k-table-td">
                                 <span class="k-treelist-toggle k-icon k-svg-icon">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
diff --git a/tests/treelist/treelist-row-reordering.html b/tests/treelist/treelist-row-reordering.html
index 3929779d69b..e0ee4a13251 100644
--- a/tests/treelist/treelist-row-reordering.html
+++ b/tests/treelist/treelist-row-reordering.html
@@ -9,10 +9,10 @@
 </head>
 <body id="app" class="k-body">
     <div id="test-area">
-        <div id="treelist" class="k-treelist k-grid k-grid-md k-grid-no-scrollbar">
+        <div id="treelist" class="k-treelist k-grid-no-scrollbar k-grid k-grid-md">
             <div class="k-grid-header" style="padding-right: 0px;">
                 <div class="k-grid-header-wrap">
-                    <table class="k-table k-table-md k-grid-header-table">
+                    <table class="k-grid-header-table k-table k-table-md">
                         <colgroup>
                             <col class="k-drag-col">
                             <col style="width: 250px;">
@@ -20,22 +20,22 @@
                         </colgroup>
                         <thead class="k-table-thead">
                             <tr class="k-table-row">
-                                <th class="k-table-th k-header k-drag-cell"></th>
-                                <th class="k-table-th k-header">
+                                <th class="k-drag-cell k-header k-table-th"></th>
+                                <th class="k-header k-table-th">
                                     <span class="k-cell-inner">
                                         <span class="k-link">
                                             <span class="k-column-title">First Name</span>
                                         </span>
                                     </span>
                                 </th>
-                                <th class="k-table-th k-header">
+                                <th class="k-header k-table-th">
                                     <span class="k-cell-inner">
                                         <span class="k-link">
                                             <span class="k-column-title">Last Name</span>
                                         </span>
                                     </span>
                                 </th>
-                                <th class="k-table-th k-header">
+                                <th class="k-header k-table-th">
                                     <span class="k-cell-inner">
                                         <span class="k-link">
                                             <span class="k-column-title">Position</span>
@@ -47,134 +47,136 @@
                     </table>
                 </div>
             </div>
-            <div class="k-grid-content k-auto-scrollable">
-                <table class="k-table k-table-md k-grid-table">
-                    <colgroup>
-                        <col class="k-drag-col">
-                        <col style="width: 250px;">
-                        <col>
-                    </colgroup>
-                    <tbody class="k-table-tbody">
-                        <tr class="k-table-row">
-                            <td class="k-table-td k-drag-cell">
-                                <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                    </svg>
-                                </span>
-                            </td>
-                            <td class="k-table-td">
-                                <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M352 256 160 384V128z"></path>
-                                    </svg>
-                                </span>Daryl
-                            </td>
-                            <td class="k-table-td">Sweeney</td>
-                            <td class="k-table-td">CEO</td>
-                        </tr>
-                        <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                            <td class="k-table-td k-drag-cell">
-                                <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                    </svg>
-                                </span>
-                            </td>
-                            <td class="k-table-td">
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M256 352 128 160h256z"></path>
-                                    </svg>
-                                </span>Guy
-                            </td>
-                            <td class="k-table-td">Wooten</td>
-                            <td class="k-table-td">Chief Technical Officer</td>
-                        </tr>
-                        <tr class="k-table-row k-treelist-group">
-                            <td class="k-table-td k-drag-cell">
-                                <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                    </svg>
-                                </span>
-                            </td>
-                            <td class="k-table-td">
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M256 352 128 160h256z"></path>
-                                    </svg>
-                                </span>Buffy
-                            </td>
-                            <td class="k-table-td">Weber</td>
-                            <td class="k-table-td">VP, Engineering</td>
-                        </tr>
-                        <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                            <td class="k-table-td k-drag-cell">
-                                <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                    </svg>
-                                </span>
-                            </td>
-                            <td class="k-table-td">
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M256 352 128 160h256z"></path>
-                                    </svg>
-                                </span>Hyacinth
-                            </td>
-                            <td class="k-table-td">Hood</td>
-                            <td class="k-table-td">Team Lead</td>
-                        </tr>
-                        <tr class="k-table-row">
-                            <td class="k-table-td k-drag-cell">
-                                <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                        <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                    </svg>
-                                </span>
-                            </td>
-                            <td class="k-table-td">
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>
-                                <span class="k-treelist-toggle k-icon k-svg-icon">
-                                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                </span>Akeem
-                            </td>
-                            <td class="k-table-td">Carr</td>
-                            <td class="k-table-td">Junior Software Developer</td>
-                        </tr>
-                    </tbody>
-                </table>
+            <div class="k-grid-container">
+                <div class="k-auto-scrollable k-grid-content">
+                    <table class="k-grid-table k-table k-table-md">
+                        <colgroup>
+                            <col class="k-drag-col">
+                            <col style="width: 250px;">
+                            <col>
+                        </colgroup>
+                        <tbody class="k-table-tbody">
+                            <tr class="k-table-row">
+                                <td class="k-drag-cell k-table-td">
+                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                        </svg>
+                                    </span>
+                                </td>
+                                <td class="k-table-td">
+                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M352 256 160 384V128z"></path>
+                                        </svg>
+                                    </span>Daryl
+                                </td>
+                                <td class="k-table-td">Sweeney</td>
+                                <td class="k-table-td">CEO</td>
+                            </tr>
+                            <tr class="k-treelist-group k-alt k-table-row k-table-alt-row">
+                                <td class="k-drag-cell k-table-td">
+                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                        </svg>
+                                    </span>
+                                </td>
+                                <td class="k-table-td">
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M256 352 128 160h256z"></path>
+                                        </svg>
+                                    </span>Guy
+                                </td>
+                                <td class="k-table-td">Wooten</td>
+                                <td class="k-table-td">Chief Technical Officer</td>
+                            </tr>
+                            <tr class="k-treelist-group k-table-row">
+                                <td class="k-drag-cell k-table-td">
+                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                        </svg>
+                                    </span>
+                                </td>
+                                <td class="k-table-td">
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M256 352 128 160h256z"></path>
+                                        </svg>
+                                    </span>Buffy
+                                </td>
+                                <td class="k-table-td">Weber</td>
+                                <td class="k-table-td">VP, Engineering</td>
+                            </tr>
+                            <tr class="k-treelist-group k-alt k-table-row k-table-alt-row">
+                                <td class="k-drag-cell k-table-td">
+                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                        </svg>
+                                    </span>
+                                </td>
+                                <td class="k-table-td">
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M256 352 128 160h256z"></path>
+                                        </svg>
+                                    </span>Hyacinth
+                                </td>
+                                <td class="k-table-td">Hood</td>
+                                <td class="k-table-td">Team Lead</td>
+                            </tr>
+                            <tr class="k-table-row">
+                                <td class="k-drag-cell k-table-td">
+                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                        </svg>
+                                    </span>
+                                </td>
+                                <td class="k-table-td">
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>
+                                    <span class="k-treelist-toggle k-icon k-svg-icon">
+                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                    </span>Akeem
+                                </td>
+                                <td class="k-table-td">Carr</td>
+                                <td class="k-table-td">Junior Software Developer</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
             </div>
         </div>
     </div>
diff --git a/tests/treelist/treelist.html b/tests/treelist/treelist.html
index a9f6dcd5c12..8a9668e491c 100644
--- a/tests/treelist/treelist.html
+++ b/tests/treelist/treelist.html
@@ -10,22 +10,22 @@
 <body id="app" class="k-body">
     <div id="test-area" class="k-d-grid">
         <section>
-            <div id="treelist" class="k-treelist k-grid k-grid-md k-grid-no-scrollbar">
+            <div id="treelist" class="k-treelist k-grid-no-scrollbar k-grid k-grid-md">
                 <div class="k-grid-header" style="padding-right: 0px;">
                     <div class="k-grid-header-wrap">
-                        <table class="k-table k-table-md k-grid-header-table">
+                        <table class="k-grid-header-table k-table k-table-md">
                             <colgroup>
                                 <col style="width: 250px;">
                                 <col>
                             </colgroup>
                             <thead class="k-table-thead">
                                 <tr class="k-table-row">
-                                    <th class="k-table-th k-header k-filterable">
+                                    <th class="k-filterable k-header k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">First Name</span>
                                             </span>
-                                            <a class="k-grid-header-menu k-grid-column-menu" href="#">
+                                            <a href="#" class="k-grid-header-menu k-grid-column-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-more-vertical">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M240 128c26.4 0 48-21.6 48-48s-21.6-48-48-48-48 21.6-48 48 21.6 48 48 48m0 64c-26.4 0-48 21.6-48 48s21.6 48 48 48 48-21.6 48-48-21.6-48-48-48m0 160c-26.4 0-48 21.6-48 48s21.6 48 48 48 48-21.6 48-48-21.6-48-48-48"></path>
@@ -34,12 +34,12 @@
                                             </a>
                                         </span>
                                     </th>
-                                    <th class="k-table-th k-header k-filterable">
+                                    <th class="k-filterable k-header k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Last Name</span>
                                             </span>
-                                            <a class="k-grid-header-menu k-grid-column-menu" href="#">
+                                            <a href="#" class="k-grid-header-menu k-grid-column-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-more-vertical">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M240 128c26.4 0 48-21.6 48-48s-21.6-48-48-48-48 21.6-48 48 21.6 48 48 48m0 64c-26.4 0-48 21.6-48 48s21.6 48 48 48 48-21.6 48-48-21.6-48-48-48m0 160c-26.4 0-48 21.6-48 48s21.6 48 48 48 48-21.6 48-48-21.6-48-48-48"></path>
@@ -53,25 +53,27 @@
                         </table>
                     </div>
                 </div>
-                <div class="k-grid-content k-auto-scrollable">
-                    <table class="k-table k-table-md k-grid-table">
-                        <colgroup>
-                            <col style="width: 250px;">
-                            <col>
-                        </colgroup>
-                        <tbody class="k-table-tbody">
-                            <tr class="k-table-row">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M352 256 160 384V128z"></path>
-                                        </svg>
-                                    </span>Daryl
-                                </td>
-                                <td class="k-table-td">Sweeney</td>
-                            </tr>
-                        </tbody>
-                    </table>
+                <div class="k-grid-container">
+                    <div class="k-auto-scrollable k-grid-content">
+                        <table class="k-grid-table k-table k-table-md">
+                            <colgroup>
+                                <col style="width: 250px;">
+                                <col>
+                            </colgroup>
+                            <tbody class="k-table-tbody">
+                                <tr class="k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M352 256 160 384V128z"></path>
+                                            </svg>
+                                        </span>Daryl
+                                    </td>
+                                    <td class="k-table-td">Sweeney</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </section>
@@ -79,7 +81,7 @@
             <div id="treelist" class="k-treelist k-grid k-grid-md">
                 <div class="k-grid-header">
                     <div class="k-grid-header-wrap">
-                        <table class="k-table k-table-md k-grid-header-table">
+                        <table class="k-grid-header-table k-table k-table-md">
                             <colgroup>
                                 <col style="width: 280px;">
                                 <col style="width: 160px;">
@@ -87,12 +89,12 @@
                             </colgroup>
                             <thead class="k-table-thead">
                                 <tr class="k-table-row">
-                                    <th class="k-table-th k-header k-filterable">
+                                    <th class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">First Name</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -101,12 +103,12 @@
                                             </a>
                                         </span>
                                     </th>
-                                    <th class="k-table-th k-header k-filterable">
+                                    <th class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Last Name</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -115,12 +117,12 @@
                                             </a>
                                         </span>
                                     </th>
-                                    <th class="k-table-th k-header k-filterable">
+                                    <th class="k-header k-filterable k-table-th">
                                         <span class="k-cell-inner">
                                             <span class="k-link">
                                                 <span class="k-column-title">Position</span>
                                             </span>
-                                            <a href="#" class="k-grid-filter-menu k-grid-header-menu">
+                                            <a href="#" class="k-grid-header-menu k-grid-filter-menu">
                                                 <span class="k-icon k-svg-icon k-svg-i-filter">
                                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                         <path d="M64 64v32l160 160v224l64-64V256L448 96V64z"></path>
@@ -134,99 +136,101 @@
                         </table>
                     </div>
                 </div>
-                <div class="k-grid-content k-auto-scrollable">
-                    <table class="k-table k-table-md k-grid-table">
-                        <colgroup>
-                            <col style="width: 280px;">
-                            <col style="width: 160px;">
-                            <col>
-                        </colgroup>
-                        <tbody class="k-table-tbody">
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Daryl
-                                </td>
-                                <td class="k-table-td">Sweeney</td>
-                                <td class="k-table-td">CEO</td>
-                            </tr>
-                            <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Guy
-                                </td>
-                                <td class="k-table-td">Wooten</td>
-                                <td class="k-table-td">Chief Technical Officer</td>
-                            </tr>
-                            <tr class="k-table-row k-treelist-group">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Buffy
-                                </td>
-                                <td class="k-table-td">Weber</td>
-                                <td class="k-table-td">VP, Engineering</td>
-                            </tr>
-                            <tr class="k-table-row k-table-alt-row k-alt k-treelist-group">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                            <path d="M256 352 128 160h256z"></path>
-                                        </svg>
-                                    </span>Hyacinth
-                                </td>
-                                <td class="k-table-td">Hood</td>
-                                <td class="k-table-td">Team Lead</td>
-                            </tr>
-                            <tr class="k-table-row">
-                                <td class="k-table-td">
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>
-                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                    </span>Akeem
-                                </td>
-                                <td class="k-table-td">Carr</td>
-                                <td class="k-table-td">Junior Software Developer</td>
-                            </tr>
-                        </tbody>
-                    </table>
+                <div class="k-grid-container">
+                    <div class="k-auto-scrollable k-grid-content">
+                        <table class="k-grid-table k-table k-table-md">
+                            <colgroup>
+                                <col style="width: 280px;">
+                                <col style="width: 160px;">
+                                <col>
+                            </colgroup>
+                            <tbody class="k-table-tbody">
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Daryl
+                                    </td>
+                                    <td class="k-table-td">Sweeney</td>
+                                    <td class="k-table-td">CEO</td>
+                                </tr>
+                                <tr class="k-treelist-group k-alt k-table-row k-table-alt-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Guy
+                                    </td>
+                                    <td class="k-table-td">Wooten</td>
+                                    <td class="k-table-td">Chief Technical Officer</td>
+                                </tr>
+                                <tr class="k-treelist-group k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Buffy
+                                    </td>
+                                    <td class="k-table-td">Weber</td>
+                                    <td class="k-table-td">VP, Engineering</td>
+                                </tr>
+                                <tr class="k-treelist-group k-alt k-table-row k-table-alt-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                <path d="M256 352 128 160h256z"></path>
+                                            </svg>
+                                        </span>Hyacinth
+                                    </td>
+                                    <td class="k-table-td">Hood</td>
+                                    <td class="k-table-td">Team Lead</td>
+                                </tr>
+                                <tr class="k-table-row">
+                                    <td class="k-table-td">
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>
+                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                        </span>Akeem
+                                    </td>
+                                    <td class="k-table-td">Carr</td>
+                                    <td class="k-table-td">Junior Software Developer</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
                 </div>
             </div>
         </section>