feat: Add Custom Width for table columns (#33)

Author: ArneGudermann

src/handler/ListHandler.vue

@@ -34,7 +34,7 @@
               <th
                 v-if="currentlist.structure?.[bone]"
                 :class="{ 'stick-header': state.sticky }"
-                :style="{ width: '150px' }"
+                :style="{ width: currentlist.structure?.[bone]['params']['column_width']||state.tableWidth }"
               >
                 {{ currentlist.structure?.[bone]?.["descr"] }}
                 <div
@@ -205,7 +205,7 @@ import Utils from '../utils'
       selectedBones: [],
       selectedRows: [],
       sticky: false,
-      tableWidth: "150",
+      tableWidth: "150px",
       sorting: "",
       renderedList: computed(() => {
         return currentlist.state.skellist.map((skel) => {

src/handler/TreeHandler.vue

@@ -70,7 +70,7 @@
                 <th
                   v-if="handlerLogic.currentlist.structure?.[bone]"
                   :class="{ 'stick-header': state.sticky }"
-                  :style="{ width: '150px' }"
+                  :style="{ width: handlerLogic.currentlist.structure?.[bone]['params']['column_width']||state.tableWidth }"
                 >
                   {{ handlerLogic.currentlist.structure?.[bone]?.["descr"] }}
                   <div
@@ -297,7 +297,7 @@ import { VueDraggable } from 'vue-draggable-plus'
       selectedBones: [],
 
       sticky: false,
-      tableWidth: "150",
+      tableWidth: "150px",
       sorting: "",
       filter: null,
       sortindexBonename:null,