Various fixes

tp-table.js

@@ -119,11 +119,11 @@ export class TpTable extends DomQuery(LitElement) {
           background: transparent;
         }
 
-        #tableHeader:not(.col-dragging) a.sort-link .width-handle:hover > div {
+        #tableHeader:not(.col-dragging) .width-handle:hover > div {
           background: var(--tp-table-handle-color-hover);
         }
 
-        a.sort-link .width-handle.dragging {
+        .width-handle.dragging {
           position: fixed;
           height: 300px;
           z-index: 100;
@@ -161,14 +161,6 @@ export class TpTable extends DomQuery(LitElement) {
           border-radius: var(--scrollbar-thumb-border-radius, 4px);
         }
 
-        [item]:not(.odd) {
-          background: var(--table-bg-1);
-        }
-
-        [item].odd {
-          background: var(--table-bg-2);
-        }
-
         [item]:hover {
           background: var(--table-row-hl);
           --list-columns-h-borders: var(--list-columns-h-borders-hover);
@@ -185,7 +177,11 @@ export class TpTable extends DomQuery(LitElement) {
       <div class="wrap">
         ${this.renderTableHeader(columns)}
         <div class="list" @row-selection-changed=${(e) => this._selectionChanged(e)}>
-          ${this._emptyMessage}
+          ${!Array.isArray(items) || items.length === 0 ? html`
+            <div class="empty-message">
+              <slot name="empty-message"></slot>
+            </div>
+          ` : null}
           <lit-virtualizer id="virtualList" part="list" scroller .items=${items} .renderItem=${(item, idx) => this.renderItem(item, idx, columns, this._selItems.has(this.getItemId(item)))}></lit-virtualizer>
         </div>
 
@@ -241,7 +237,7 @@ export class TpTable extends DomQuery(LitElement) {
   renderItem(item, idx, columns, selected) {
     return html`
       <tp-table-item
-        exportparts="cell,odd,row,chk"
+        exportparts="cell,odd,even,row,chk"
         item
         .index=${idx}
         .item=${item}