trotl-table 1.0.47 → 1.0.49

package/dist/Table.cjs.js

@@ -9699,7 +9699,6 @@ function TableInner({
       return translations[key] || key;
     };
   }
-
   // Use refs for callbacks to prevent infinite loops from dependency changes
   const selectedRowsCallbackRef = React.useRef(selectedRowsCallback);
   const refreshTriggerRef = React.useRef(refreshTrigger);
@@ -10390,6 +10389,16 @@ function TableInner({
     key,
     style
   }) => {
+    // override virtualization's fixed width so that flex-based cells can
+    // expand/contract with the header. without this the header adjusts but
+    // rows keep the original pixel width from the first render, leading to
+    // the mismatched behaviour described by the user.
+    const fullStyle = {
+      ...style,
+      width: "100%",
+      boxSizing: "border-box",
+      paddingRight: headerPadRight || 0
+    };
     const item = tableDataFlat[index];
     if (!item) return null;
     if (item.type === "group") {
@@ -10422,7 +10431,7 @@ function TableInner({
             ref: ref,
             key: key,
             style: {
-              ...style,
+              ...fullStyle,
               background: '#f6f6fa',
               border: '2px dashed #bbb',
               textAlign: 'center',
@@ -10472,7 +10481,7 @@ function TableInner({
       // Default: normal group header
       return /*#__PURE__*/React.createElement("div", {
         key: key,
-        style: style,
+        style: fullStyle,
         className: "table-row group-row",
         onClick: () => toggleGroup(gid)
       }, enableMultiSelect && showDelete && /*#__PURE__*/React.createElement("div", {
@@ -10533,14 +10542,15 @@ function TableInner({
     };
     const content = /*#__PURE__*/React.createElement("div", {
       key: key,
-      style: style,
+      style: fullStyle,
       className: "table-row"
     }, /*#__PURE__*/React.createElement("div", {
       className: "row-main",
       onDoubleClick: doubleClickEnable ? handleRowDoubleClick : undefined,
       style: {
         display: 'flex',
-        flex: 1
+        flex: '1 1 0%',
+        minWidth: 0
       }
     }, enableMultiSelect && showDelete && /*#__PURE__*/React.createElement("div", {
       className: "table-cell checkbox-cell"
@@ -10612,8 +10622,8 @@ function TableInner({
     }, showIcons ? /*#__PURE__*/React.createElement("span", {
       role: "img",
       "aria-hidden": "false",
-      title: translate("view")
-    }, "\uD83D\uDC41\uFE0F") : translate("view")), showShare && /*#__PURE__*/React.createElement("button", {
+      title: translate("delete")
+    }, "\uD83D\uDDD1\uFE0F") : translate("delete")), showShare && /*#__PURE__*/React.createElement("button", {
       className: "action-btn-table",
       onClick: () => shareCallbackRef.current(row),
       onDoubleClick: e => e.stopPropagation(),