Make table columns resizable (does not work very well)

frontend/table/table.css

@@ -4,4 +4,14 @@ h2[aria-expanded=true] .glyphicon-chevron-right {
 
 table.collapse.in {
 	display: table;
+}
+
+table {
+	table-layout: fixed;
+	width: auto !important;
+}
+
+th,td {
+	box-sizing: content-box !important;
+	overflow: hidden;
 }

frontend/table/table.js

@@ -2,6 +2,7 @@ import 'bootstrap';
 import $ from 'jquery';
 import 'tablesorter/dist/js/jquery.tablesorter';
 import 'tablesorter/dist/js/widgets/widget-uitheme.min.js';
+import 'tablesorter/dist/js/widgets/widget-resizable.min.js';
 import 'tablesorter/dist/css/theme.bootstrap_3.min.css';
 import './table.css';
 
@@ -22,6 +23,6 @@ $(document).ready(() => {
 	$("table.tablesorter").tablesorter({
 		theme: "bootstrap",
 		headerTemplate: "{content} {icon}",
-		widgets: ["uitheme"]
+		widgets: ["uitheme", "resizable"]
 	});
 });