Covid.view.country.Table: make the index column non-sortable #6628

Author: tobiu

apps/covid/view/country/Table.mjs

@@ -42,6 +42,7 @@ class Table extends Container {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

apps/sharedcovid/view/country/Table.mjs

@@ -42,6 +42,7 @@ class Table extends Container {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

examples/table/covid/TableContainer.mjs

@@ -37,6 +37,7 @@ class TableContainer extends BaseTableContainer {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

src/table/header/Toolbar.mjs

@@ -128,6 +128,12 @@ class Toolbar extends BaseToolbar {
 
         me.itemDefaults.showHeaderFilter = me.showHeaderFilters;
 
+        me.items.forEach(item => {
+            if (!Object.hasOwn(item, 'sortable')) {
+                item.sortable = me.sortable
+            }
+        });
+
         super.createItems();
 
         let dockLeftWidth  = 0,
@@ -156,7 +162,6 @@ class Toolbar extends BaseToolbar {
                 item.vdom.cls = [] // remove the button cls from the th tag
             }
 
-            item.sortable = me.sortable;
             item.wrapperStyle = style;
 
             // inverse loop direction