fix: do not show shadow when all columns is fixed left (#847)

* 修复表格组件开启scrollX时全部列左固定时出现横向滚动条

* 修复表格在所有列全是左固定的时候，会出现横向滚动条的情况

* 提交测试用例

* fix:修改表格全部左固定时的样式名称

* fix:更新所有的表格列左固定的测试用例

Co-authored-by: weiwang <[email protected]>

Author: dashaowang

assets/index.less

@@ -92,6 +92,10 @@
       pointer-events: none;
     }
 
+    &-fix-left-all::after {
+      display: none;
+    }
+
     &-fix-right-first,
     &-fix-right-last {
       box-shadow: -1px 0 0 @border-color;

src/Cell/index.tsx

@@ -15,6 +15,7 @@ import type {
 import { getPathValue, validateValue } from '../utils/valueUtil';
 import StickyContext from '../context/StickyContext';
 import HoverContext from '../context/HoverContext';
+import BodyContext from '../context/BodyContext';
 import type { HoverContextProps } from '../context/HoverContext';
 import warning from 'rc-util/lib/warning';
 import PerfContext from '../context/PerfContext';
@@ -67,6 +68,7 @@ interface InternalCellProps<RecordType extends DefaultRecordType>
   lastFixLeft?: boolean;
   firstFixRight?: boolean;
   lastFixRight?: boolean;
+  allColsFixedLeft?: boolean;
 
   // ====================== Private Props ======================
   /** @private Used for `expandable` with nest tree */
@@ -141,6 +143,7 @@ function Cell<RecordType extends DefaultRecordType>(
 
   const perfRecord = React.useContext(PerfContext);
   const supportSticky = React.useContext(StickyContext);
+  const { allColumnsFixedLeft } = React.useContext(BodyContext);
 
   // ==================== Child Node ====================
   const [childNode, legacyCellProps] = React.useMemo<
@@ -280,6 +283,7 @@ function Cell<RecordType extends DefaultRecordType>(
         [`${cellPrefixCls}-fix-left`]: isFixLeft && supportSticky,
         [`${cellPrefixCls}-fix-left-first`]: firstFixLeft && supportSticky,
         [`${cellPrefixCls}-fix-left-last`]: lastFixLeft && supportSticky,
+        [`${cellPrefixCls}-fix-left-all`]: lastFixLeft && allColumnsFixedLeft && supportSticky,
         [`${cellPrefixCls}-fix-right`]: isFixRight && supportSticky,
         [`${cellPrefixCls}-fix-right-first`]: firstFixRight && supportSticky,
         [`${cellPrefixCls}-fix-right-last`]: lastFixRight && supportSticky,

src/Table.tsx

@@ -822,6 +822,7 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
       onTriggerExpand,
       expandIconColumnIndex,
       indentSize,
+      allColumnsFixedLeft: columnContext.flattenColumns.every(col => col.fixed === 'left'),
     }),
     [
       columnContext,

src/context/BodyContext.tsx

@@ -27,6 +27,7 @@ export interface BodyContextProps<RecordType = DefaultRecordType> {
   expandIcon: RenderExpandIcon<RecordType>;
   onTriggerExpand: TriggerEventHandler<RecordType>;
   expandIconColumnIndex: number;
+  allColumnsFixedLeft: boolean;
 }
 
 const BodyContext = React.createContext<BodyContextProps>(null);

tests/FixedColumn.spec.js

@@ -272,4 +272,9 @@ describe('Table.FixedColumn', () => {
     wrapper.update();
     expect(wrapper.find('.rc-table-measure-row td')).toHaveLength(4);
   });
+
+  it('when all columns fixed left,cell should has classname rc-table-cell-fix-left-all', () => {
+    const wrapper = mount(<Table columns={columns.slice(0, 2)} data={data} scroll={{ x: 1000 }} />);
+    expect(wrapper.find('.rc-table-cell-fix-left-all')).toHaveLength(10);
+  });
 });