carbon-components-angular 5.12.3 → 5.13.0

package/docs/documentation/classes/TableModel.html

@@ -153,6 +153,9 @@ keep in mind to keep the data structure intact.</p>
                             <li>
                                 <a href="#rowsExpandedChange" >rowsExpandedChange</a>
                             </li>
+                            <li>
+                                <a href="#rowsIndices" >rowsIndices</a>
+                            </li>
                             <li>
                                 <a href="#rowsSelected" >rowsSelected</a>
                             </li>
@@ -187,6 +190,9 @@ keep in mind to keep the data structure intact.</p>
                             <li>
                                 <a href="#column" >column</a>
                             </li>
+                            <li>
+                                <a href="#cycleSortState" >cycleSortState</a>
+                            </li>
                             <li>
                                 <a href="#deleteColumn" >deleteColumn</a>
                             </li>
@@ -305,7 +311,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                         <tr>
                             <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/table/table-model.class.ts:188</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/table/table-model.class.ts:192</a></div>
                             </td>
                         </tr>
 
@@ -343,7 +349,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/table/table-model.class.ts:182</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/table/table-model.class.ts:186</a></div>
                         </td>
                     </tr>
 
@@ -376,7 +382,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/table/table-model.class.ts:146</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="150" class="link-to-prism">src/table/table-model.class.ts:150</a></div>
                         </td>
                     </tr>
 
@@ -415,7 +421,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/table/table-model.class.ts:34</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/table/table-model.class.ts:32</a></div>
                         </td>
                     </tr>
 
@@ -452,7 +458,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="126" class="link-to-prism">src/table/table-model.class.ts:126</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="130" class="link-to-prism">src/table/table-model.class.ts:130</a></div>
                         </td>
                     </tr>
 
@@ -483,7 +489,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/table/table-model.class.ts:70</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="69" class="link-to-prism">src/table/table-model.class.ts:69</a></div>
                         </td>
                     </tr>
 
@@ -514,7 +520,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="121" class="link-to-prism">src/table/table-model.class.ts:121</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/table/table-model.class.ts:125</a></div>
                         </td>
                     </tr>
 
@@ -545,7 +551,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/table/table-model.class.ts:136</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="140" class="link-to-prism">src/table/table-model.class.ts:140</a></div>
                         </td>
                     </tr>
 
@@ -576,7 +582,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/table/table-model.class.ts:141</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="145" class="link-to-prism">src/table/table-model.class.ts:145</a></div>
                         </td>
                     </tr>
 
@@ -613,7 +619,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/table/table-model.class.ts:131</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/table/table-model.class.ts:135</a></div>
                         </td>
                     </tr>
 
@@ -650,7 +656,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/table/table-model.class.ts:116</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="120" class="link-to-prism">src/table/table-model.class.ts:120</a></div>
                         </td>
                     </tr>
 
@@ -689,7 +695,7 @@ keep in mind to keep the data structure intact.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="107" class="link-to-prism">src/table/table-model.class.ts:107</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="111" class="link-to-prism">src/table/table-model.class.ts:111</a></div>
                         </td>
                     </tr>
 
@@ -729,7 +735,7 @@ empty or undefined by default</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="97" class="link-to-prism">src/table/table-model.class.ts:97</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="96" class="link-to-prism">src/table/table-model.class.ts:96</a></div>
                         </td>
                     </tr>
 
@@ -760,13 +766,50 @@ empty or undefined by default</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="72" class="link-to-prism">src/table/table-model.class.ts:72</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/table/table-model.class.ts:71</a></div>
                         </td>
                     </tr>
 
 
         </tbody>
     </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="rowsIndices"></a>
+                    <span class="name">
+                        <span ><b>rowsIndices</b></span>
+                        <a href="#rowsIndices"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>number[]</code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>[]</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/table/table-model.class.ts:101</a></div>
+                        </td>
+                    </tr>
+
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Contains information about initial index of rows in the table</p>
+</div>
+                </td>
+            </tr>
+
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -791,7 +834,7 @@ empty or undefined by default</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="92" class="link-to-prism">src/table/table-model.class.ts:92</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="91" class="link-to-prism">src/table/table-model.class.ts:91</a></div>
                         </td>
                     </tr>
 
@@ -822,7 +865,7 @@ empty or undefined by default</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="71" class="link-to-prism">src/table/table-model.class.ts:71</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="70" class="link-to-prism">src/table/table-model.class.ts:70</a></div>
                         </td>
                     </tr>
 
@@ -847,7 +890,7 @@ empty or undefined by default</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="77" class="link-to-prism">src/table/table-model.class.ts:77</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="76" class="link-to-prism">src/table/table-model.class.ts:76</a></div>
                         </td>
                     </tr>
 
@@ -886,7 +929,7 @@ all rows are selected.</p>
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/table/table-model.class.ts:188</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/table/table-model.class.ts:192</a></div>
                         </td>
                     </tr>
 
@@ -927,8 +970,8 @@ model count for unique id generation.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="449"
-                            class="link-to-prism">src/table/table-model.class.ts:449</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="463"
+                            class="link-to-prism">src/table/table-model.class.ts:463</a></div>
                 </td>
             </tr>
 
@@ -1015,8 +1058,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="304"
-                            class="link-to-prism">src/table/table-model.class.ts:304</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="308"
+                            class="link-to-prism">src/table/table-model.class.ts:308</a></div>
                 </td>
             </tr>
 
@@ -1103,8 +1146,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="421"
-                            class="link-to-prism">src/table/table-model.class.ts:421</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="435"
+                            class="link-to-prism">src/table/table-model.class.ts:435</a></div>
                 </td>
             </tr>
 
@@ -1155,6 +1198,77 @@ empty <code>TableItem</code> elements.</p>
             </tr>
         </tbody>
     </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="cycleSortState"></a>
+                    <span class="name">
+                        <span ><b>cycleSortState</b></span>
+                        <a href="#cycleSortState"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>cycleSortState(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
+                </td>
+            </tr>
+
+
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-line">Defined in <a href="" data-line="551"
+                            class="link-to-prism">src/table/table-model.class.ts:551</a></div>
+                </td>
+            </tr>
+
+
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>cycle through the three sort states</p>
+</div>
+
+                    <div class="io-description">
+                        <b>Parameters :</b>
+                        
+                        <table class="params">
+                            <thead>
+                                <tr>
+                                    <td>Name</td>
+                                    <td>Type</td>
+                                    <td>Optional</td>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>index</td>
+                                    <td>
+                                                <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+                                    </td>
+
+                                    <td>
+                                        No
+                                    </td>
+
+
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div>
+                    </div>
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                    </div>
+                    <div class="io-description">
+                        
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -1175,8 +1289,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="510"
-                            class="link-to-prism">src/table/table-model.class.ts:510</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="524"
+                            class="link-to-prism">src/table/table-model.class.ts:524</a></div>
                 </td>
             </tr>
 
@@ -1247,8 +1361,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="387"
-                            class="link-to-prism">src/table/table-model.class.ts:387</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="397"
+                            class="link-to-prism">src/table/table-model.class.ts:397</a></div>
                 </td>
             </tr>
 
@@ -1319,8 +1433,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="266"
-                            class="link-to-prism">src/table/table-model.class.ts:266</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="270"
+                            class="link-to-prism">src/table/table-model.class.ts:270</a></div>
                 </td>
             </tr>
 
@@ -1358,8 +1472,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="650"
-                            class="link-to-prism">src/table/table-model.class.ts:650</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="703"
+                            class="link-to-prism">src/table/table-model.class.ts:703</a></div>
                 </td>
             </tr>
 
@@ -1455,8 +1569,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="233"
-                            class="link-to-prism">src/table/table-model.class.ts:233</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="237"
+                            class="link-to-prism">src/table/table-model.class.ts:237</a></div>
                 </td>
             </tr>
 
@@ -1531,8 +1645,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="210"
-                            class="link-to-prism">src/table/table-model.class.ts:210</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="214"
+                            class="link-to-prism">src/table/table-model.class.ts:214</a></div>
                 </td>
             </tr>
 
@@ -1629,8 +1743,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="200"
-                            class="link-to-prism">src/table/table-model.class.ts:200</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="204"
+                            class="link-to-prism">src/table/table-model.class.ts:204</a></div>
                 </td>
             </tr>
 
@@ -1727,8 +1841,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="410"
-                            class="link-to-prism">src/table/table-model.class.ts:410</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="424"
+                            class="link-to-prism">src/table/table-model.class.ts:424</a></div>
                 </td>
             </tr>
 
@@ -1796,8 +1910,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="398"
-                            class="link-to-prism">src/table/table-model.class.ts:398</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="412"
+                            class="link-to-prism">src/table/table-model.class.ts:412</a></div>
                 </td>
             </tr>
 
@@ -1833,8 +1947,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="639"
-                            class="link-to-prism">src/table/table-model.class.ts:639</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="692"
+                            class="link-to-prism">src/table/table-model.class.ts:692</a></div>
                 </td>
             </tr>
 
@@ -1904,8 +2018,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="402"
-                            class="link-to-prism">src/table/table-model.class.ts:402</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="416"
+                            class="link-to-prism">src/table/table-model.class.ts:416</a></div>
                 </td>
             </tr>
 
@@ -1973,8 +2087,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="406"
-                            class="link-to-prism">src/table/table-model.class.ts:406</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="420"
+                            class="link-to-prism">src/table/table-model.class.ts:420</a></div>
                 </td>
             </tr>
 
@@ -2042,8 +2156,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="599"
-                            class="link-to-prism">src/table/table-model.class.ts:599</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="652"
+                            class="link-to-prism">src/table/table-model.class.ts:652</a></div>
                 </td>
             </tr>
 
@@ -2114,8 +2228,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="632"
-                            class="link-to-prism">src/table/table-model.class.ts:632</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="685"
+                            class="link-to-prism">src/table/table-model.class.ts:685</a></div>
                 </td>
             </tr>
 
@@ -2183,8 +2297,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="524"
-                            class="link-to-prism">src/table/table-model.class.ts:524</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="538"
+                            class="link-to-prism">src/table/table-model.class.ts:538</a></div>
                 </td>
             </tr>
 
@@ -2264,8 +2378,8 @@ empty <code>TableItem</code> elements.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="584"
-                            class="link-to-prism">src/table/table-model.class.ts:584</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="636"
+                            class="link-to-prism">src/table/table-model.class.ts:636</a></div>
                 </td>
             </tr>
 
@@ -2305,8 +2419,8 @@ to make everything right with the world again.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="558"
-                            class="link-to-prism">src/table/table-model.class.ts:558</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="606"
+                            class="link-to-prism">src/table/table-model.class.ts:606</a></div>
                 </td>
             </tr>
 
@@ -2350,8 +2464,8 @@ right with the world again.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="673"
-                            class="link-to-prism">src/table/table-model.class.ts:673</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="726"
+                            class="link-to-prism">src/table/table-model.class.ts:726</a></div>
                 </td>
             </tr>
 
@@ -2425,8 +2539,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="684"
-                            class="link-to-prism">src/table/table-model.class.ts:684</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="737"
+                            class="link-to-prism">src/table/table-model.class.ts:737</a></div>
                 </td>
             </tr>
 
@@ -2511,8 +2625,8 @@ Used by <code>realRowIndex()</code> and <code>realColumnIndex()</code></p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="662"
-                            class="link-to-prism">src/table/table-model.class.ts:662</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="715"
+                            class="link-to-prism">src/table/table-model.class.ts:715</a></div>
                 </td>
             </tr>
 
@@ -2584,8 +2698,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="285"
-                            class="link-to-prism">src/table/table-model.class.ts:285</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="289"
+                            class="link-to-prism">src/table/table-model.class.ts:289</a></div>
                 </td>
             </tr>
 
@@ -2656,8 +2770,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="623"
-                            class="link-to-prism">src/table/table-model.class.ts:623</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="676"
+                            class="link-to-prism">src/table/table-model.class.ts:676</a></div>
                 </td>
             </tr>
 
@@ -2732,8 +2846,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="251"
-                            class="link-to-prism">src/table/table-model.class.ts:251</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="255"
+                            class="link-to-prism">src/table/table-model.class.ts:255</a></div>
                 </td>
             </tr>
 
@@ -2771,8 +2885,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="610"
-                            class="link-to-prism">src/table/table-model.class.ts:610</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="663"
+                            class="link-to-prism">src/table/table-model.class.ts:663</a></div>
                 </td>
             </tr>
 
@@ -2868,8 +2982,8 @@ negative numbers start from the bottom.</p>
 
             <tr>
                 <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="541"
-                            class="link-to-prism">src/table/table-model.class.ts:541</a></div>
+                    <div class="io-line">Defined in <a href="" data-line="574"
+                            class="link-to-prism">src/table/table-model.class.ts:574</a></div>
                 </td>
             </tr>
 
@@ -2952,7 +3066,7 @@ in <code>index</code>th column.</p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="85" class="link-to-prism">src/table/table-model.class.ts:85</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="84" class="link-to-prism">src/table/table-model.class.ts:84</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2972,7 +3086,7 @@ table structure, use <code>addRow()</code> and/or <code>addColumn()</code></p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/table/table-model.class.ts:41</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/table/table-model.class.ts:39</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -3033,7 +3147,7 @@ table structure, use <code>addRow()</code> and/or <code>addColumn()</code></p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/table/table-model.class.ts:165</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/table/table-model.class.ts:169</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -3051,7 +3165,7 @@ table structure, use <code>addRow()</code> and/or <code>addColumn()</code></p>
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="157" class="link-to-prism">src/table/table-model.class.ts:157</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/table/table-model.class.ts:161</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -3104,9 +3218,7 @@ but you&#39;re loading one at a time.</p>
 
 
     <div class="tab-pane fade  tab-source-code" id="source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
-	EventEmitter
-} from &quot;@angular/core&quot;;
+        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { EventEmitter } from &quot;@angular/core&quot;;
 
 import { PaginationModel } from &quot;carbon-components-angular/pagination&quot;;
 import { TableHeaderItem } from &quot;./table-header-item.class&quot;;
@@ -3145,7 +3257,7 @@ export class TableModel implements PaginationModel {
 	 * Make sure all rows are the same length to keep the column count accurate.
 	 */
 	set data(newData: TableItem[][]) {
-		if (!newData || (Array.isArray(newData) &amp;&amp; newData.length &#x3D;&#x3D;&#x3D; 0) ) {
+		if (!newData || (Array.isArray(newData) &amp;&amp; newData.length &#x3D;&#x3D;&#x3D; 0)) {
 			newData &#x3D; [[]];
 		}
 
@@ -3154,7 +3266,8 @@ export class TableModel implements PaginationModel {
 		// init rowsSelected
 		this.rowsSelected &#x3D; new Array&lt;boolean&gt;(this._data.length).fill(false);
 		this.rowsExpanded &#x3D; new Array&lt;boolean&gt;(this._data.length).fill(false);
-
+		// init rows indices
+		this.rowsIndices &#x3D; [...Array(this._data.length).keys()];
 		// init rowsContext
 		this.rowsContext &#x3D; new Array&lt;string&gt;(this._data.length);
 
@@ -3202,6 +3315,11 @@ export class TableModel implements PaginationModel {
 	 */
 	rowsExpanded: boolean[] &#x3D; [];
 
+	/**
+	 * Contains information about initial index of rows in the table
+	 */
+	rowsIndices: number[] &#x3D; [];
+
 	/**
 	 * Contains information about the context of the row.
 	 *
@@ -3463,6 +3581,9 @@ export class TableModel implements PaginationModel {
 
 			// update rowsClass property for length
 			this.rowsClass.push(undefined);
+
+			// update rowsIndices property for length
+			this.rowsIndices.push(this.data.length - 1);
 		} else {
 			const ri &#x3D; this.realRowIndex(index);
 			this.data.splice(ri, 0, realRow);
@@ -3478,6 +3599,9 @@ export class TableModel implements PaginationModel {
 
 			// update rowsClass property for length
 			this.rowsClass.splice(ri, 0, undefined);
+
+			// update rowsIndices property for length
+			this.rowsIndices.splice(ri, 0, this.data.length - 1);
 		}
 
 		this.dataChange.emit();
@@ -3498,6 +3622,10 @@ export class TableModel implements PaginationModel {
 		this.rowsContext.splice(rri, 1);
 		this.rowsClass.splice(rri, 1);
 
+		const rowIndex &#x3D; this.rowsIndices[rri];
+		this.rowsIndices.splice(rri, 1);
+		this.rowsIndices &#x3D; this.rowsIndices.map((value) &#x3D;&gt; (value &gt; rowIndex) ? --value : value);
+
 		this.dataChange.emit();
 	}
 
@@ -3636,6 +3764,25 @@ export class TableModel implements PaginationModel {
 		this.header[indexTo + (indexTo &gt; indexFrom ? -1 : 0)] &#x3D; headerFrom;
 	}
 
+	/**
+	 * cycle through the three sort states
+	 * @param index
+	 */
+	cycleSortState(index: number) {
+		// no sort provided so do the simple sort
+		switch (this.header[index].sortDirection) {
+			case &quot;ASCENDING&quot;:
+				this.header[index].sortDirection &#x3D; &quot;DESCENDING&quot;;
+				break;
+			case &quot;DESCENDING&quot;:
+				this.header[index].sortDirection &#x3D; &quot;NONE&quot;;
+				break;
+			default:
+				this.header[index].sortDirection &#x3D; &quot;ASCENDING&quot;;
+				break;
+		}
+	}
+
 	/**
 	 * Sorts the data currently present in the model based on &#x60;compare()&#x60;
 	 *
@@ -3646,10 +3793,25 @@ export class TableModel implements PaginationModel {
 	 */
 	sort(index: number) {
 		this.pushRowStateToModelData();
-		this.data.sort((a, b) &#x3D;&gt; (this.header[index].descending ? -1 : 1) * this.header[index].compare(a[index], b[index]));
-		this.popRowStateFromModelData();
+		const headerSorted &#x3D; this.header[index].sorted;
+		// We only allow sorting by a single column, so reset sort state for all columns before specifying new sort state
 		this.header.forEach(column &#x3D;&gt; column.sorted &#x3D; false);
-		this.header[index].sorted &#x3D; true;
+		if (this.header[index].sortDirection &#x3D;&#x3D;&#x3D; &quot;NONE&quot; &amp;&amp; headerSorted) {
+			// Restore initial order of rows
+			const oldData &#x3D; this._data;
+			this._data &#x3D; [];
+			for (let i &#x3D; 0; i &lt; this.rowsIndices.length; i++) {
+				const ri &#x3D; this.rowsIndices[i];
+				this._data[ri] &#x3D; oldData[i];
+			}
+		} else {
+			const descending &#x3D; this.header[index].sortDirection &#x3D;&#x3D;&#x3D; &quot;DESCENDING&quot; ? -1 : 1;
+			this.data.sort((a, b) &#x3D;&gt; {
+				return descending * this.header[index].compare(a[index], b[index]);
+			});
+			this.header[index].sorted &#x3D; true;
+		}
+		this.popRowStateFromModelData();
 	}
 
 	/**
@@ -3678,6 +3840,10 @@ export class TableModel implements PaginationModel {
 			const rowClass &#x3D; new TableItem();
 			rowClass.data &#x3D; this.rowsClass[i];
 			this.data[i].push(rowClass);
+
+			const rowIndex &#x3D; new TableItem();
+			rowIndex.data &#x3D; this.rowsIndices[i];
+			this.data[i].push(rowIndex);
 		}
 	}
 
@@ -3689,6 +3855,7 @@ export class TableModel implements PaginationModel {
 	 */
 	popRowStateFromModelData() {
 		for (let i &#x3D; 0; i &lt; this.data.length; i++) {
+			this.rowsIndices[i] &#x3D; this.data[i].pop().data;
 			this.rowsClass[i] &#x3D; this.data[i].pop().data;
 			this.rowsContext[i] &#x3D; this.data[i].pop().data;
 			this.rowsExpanded[i] &#x3D; !!this.data[i].pop().data;