@neovici/cosmoz-omnitable 14.3.0 → 14.3.2

package/cosmoz-omnitable-styles.js

@@ -230,7 +230,7 @@ export default css`
 
 	.tableContent {
 		overflow-y: auto;
-		min-height: 90px;
+		min-height: 40px;
 		display: flex;
 		flex-direction: column;
 		position: relative;

package/lib/compute-layout.js

@@ -1,16 +1,33 @@
 import { layout } from './layout';
 
-const _toCss = (layout, config) =>
-	config
+const _toCss = (layout, config) => {
+	const lastVisibleIndex = layout.findLastIndex(
+		(width) => width != null && width > 0,
+	);
+
+	return config
 		.map((item, index) => {
 			const width = layout[index];
-			return width == null || width === 0
-				? `cosmoz-omnitable-resize-nub[name="${item.name}"], .cell[name="${item.name}"]{display:none}`
-				: `.cell[name="${item.name}"]{width: ${Math.floor(
-						width,
-					)}px;padding: 0 min(3px, ${width / 2}px)}`;
+			// Hidden columns
+			if (width == null || width === 0) {
+				return `cosmoz-omnitable-resize-nub[name="${item.name}"], .cell[name="${item.name}"]{display:none}`;
+			}
+
+			// Last visible column, show the cell but hide its resize nub
+			if (index === lastVisibleIndex) {
+				return `.cell[name="${item.name}"]{width: ${Math.floor(
+					width,
+				)}px;padding: 0 min(3px, ${width / 2}px)}
+							cosmoz-omnitable-resize-nub[name="${item.name}"]{display:none}`;
+			}
+
+			// Other visible columns
+			return `.cell[name="${item.name}"]{width: ${Math.floor(
+				width,
+			)}px;padding: 0 min(3px, ${width / 2}px)}`;
 		})
 		.join('\n');
+};
 
 export const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
 		const columnConfigs = _columnConfigs.filter((c) => !c.hidden),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-omnitable",
-  "version": "14.3.0",
+  "version": "14.3.2",
   "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
   "keywords": [
     "web-components"