trotl-table 1.0.49 → 1.0.51

package/README.md

@@ -122,6 +122,7 @@ export default function Demo() {
 - `showKey`: show row key (true/false)
 - `enableDragRow`: enable drag‑and‑drop (true/false)
 - `selectedRowsCallback`: callback with selected row IDs
+- `initialSelectedRows` (or `initaialSelectedRows`): initial selected row IDs (or row objects with `id`) for preselection
 - `editCallback`: callback when editing a row
 - `viewCallback`: callback when viewing a row
 - `deleteCallback`: async callback for deleting a row

package/dist/Table.cjs.js

@@ -9662,6 +9662,8 @@ function TableInner({
   enableDragRow = false,
   enableSearchUrlParam = false,
   enableMultiSelect = false,
+  initialSelectedRows = [],
+  initaialSelectedRows,
   enableExternalRowDrop = false,
   onExternalRowDrop = () => {},
   useExternalDndContext = false,
@@ -9724,10 +9726,17 @@ function TableInner({
   React.useEffect(() => {
     duplicateCallbackRef.current = duplicateCallback;
   }, [duplicateCallback]);
+  const resolvedInitialSelectedRows = React.useMemo(() => {
+    const source = Array.isArray(initialSelectedRows) ? initialSelectedRows : Array.isArray(initaialSelectedRows) ? initaialSelectedRows : [];
+    return [...new Set(source.map(item => item && typeof item === "object" ? item.id : item).filter(id => id != null))];
+  }, [initialSelectedRows, initaialSelectedRows]);
 
   // Local selection & sorting state (removed TableContext dependency)
-  const [selectedRows, setSelectedRows] = React.useState([]);
+  const [selectedRows, setSelectedRows] = React.useState(() => resolvedInitialSelectedRows);
   const [sorting, setSorting] = React.useState(null);
+  React.useEffect(() => {
+    setSelectedRows(resolvedInitialSelectedRows);
+  }, [resolvedInitialSelectedRows]);
 
   // Option to read search param from URL
   const [searchTerm, setSearchTerm] = React.useState(extraSearchTerm);
@@ -10389,16 +10398,6 @@ 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") {
@@ -10431,7 +10430,7 @@ function TableInner({
             ref: ref,
             key: key,
             style: {
-              ...fullStyle,
+              ...style,
               background: '#f6f6fa',
               border: '2px dashed #bbb',
               textAlign: 'center',
@@ -10481,7 +10480,7 @@ function TableInner({
       // Default: normal group header
       return /*#__PURE__*/React.createElement("div", {
         key: key,
-        style: fullStyle,
+        style: style,
         className: "table-row group-row",
         onClick: () => toggleGroup(gid)
       }, enableMultiSelect && showDelete && /*#__PURE__*/React.createElement("div", {
@@ -10542,15 +10541,14 @@ function TableInner({
     };
     const content = /*#__PURE__*/React.createElement("div", {
       key: key,
-      style: fullStyle,
+      style: style,
       className: "table-row"
     }, /*#__PURE__*/React.createElement("div", {
       className: "row-main",
       onDoubleClick: doubleClickEnable ? handleRowDoubleClick : undefined,
       style: {
         display: 'flex',
-        flex: '1 1 0%',
-        minWidth: 0
+        flex: 1
       }
     }, enableMultiSelect && showDelete && /*#__PURE__*/React.createElement("div", {
       className: "table-cell checkbox-cell"