fix: enable first column resize

src/lib/DataTable.tsx

@@ -273,7 +273,7 @@
 
         return (
             <th
                 ref={column.dataColumn ? this._getColumnRef(columnIndex!) : null}
                 className={b('th', {sortable, align}, className)}
                 key={name}
                 title={headerTitle}
@@ -321,7 +321,7 @@
         };
     };
     _getRenderedColumn = (index?: number) => {
-        if (index) {
+        if (index !== undefined) {
             return this.renderedColumns[index];
         }
         return undefined;
@@ -821,7 +821,7 @@
             />
         );
     };
     renderTable = (items: React.ReactNode[], ref?: any) => {
         const {
             footerData,
             columns: {dataColumns},
@@ -920,7 +920,7 @@
 
 interface CellProps<T> {
     column: Column<T>;
     value?: any;
     row: T;
     index: number;
     footer?: boolean;
@@ -933,7 +933,7 @@
     const {column, value, row, index, footer, headerData} = props;
 
     return (
         <React.Fragment>{column.render!({value, row, index, footer, headerData})}</React.Fragment>
     );
 }
 
@@ -959,7 +959,7 @@
             defaultOrder: ASCENDING as OrderType,
             defaultResizeable: false,
         },
         rowKey: (row: any, index: number) =>
             Object.prototype.hasOwnProperty.call(row, 'id') ? row.id : index,
         initialSortOrder: {},
         initialSortColumns: [],
@@ -972,7 +972,7 @@
         stickyHead: Settings['stickyHead'] | false = false,
     ): HeadPositionInner {
         if (stickyHead === MOVING && !positionStickySupported) {
             console.warn(
                 'Your browser does not support position: sticky, moving sticky headers will be disabled.',
             );
             return false;
@@ -1031,8 +1031,8 @@
     }
 
     state: DataTableViewState<T> = {
         settings: {} as any, // see getDerivedStateFromProps
         ...externalToInternalSortOrder(this.props.initialSortOrder!, this.props.settings),
     };
 
     table?: Table<T>;
@@ -1066,7 +1066,7 @@
 
         const dataColumns = this.getComplexColumns(columns);
         if (settings.dynamicRender && dataColumns.dataColumns.some((column) => column.group)) {
             console.warn(
                 'Simultaneously used grouping cells and dynamic render. The table will render unpredictable.',
             );
         }
@@ -1149,7 +1149,7 @@
         const _getValue =
             typeof accessor === 'function'
                 ? (row: T) => accessor(row)
                 : (row: any) => {
                       return Object.prototype.hasOwnProperty.call(row, accessor)
                           ? row[accessor]
                           : undefined;

src/lib/useTableResize.ts

@@ -9,13 +9,12 @@ export type GetSavedColumnWidthByName = () => ColumnWidthByName;
 export function updateColumnsWidth<T>(
     columns: Column<T>[],
     columnsWidthSetup: ColumnWidthByName,
-    defaultResizeable = false,
 ): Column<T>[] {
     return columns.map((column) => {
         let sub: Column<T>[] | undefined;
 
         if (column.sub) {
-            sub = updateColumnsWidth(column.sub, columnsWidthSetup, defaultResizeable);
+            sub = updateColumnsWidth(column.sub, columnsWidthSetup);
         }
 
         const newWidth = columnsWidthSetup[column.name] ?? column.width;