fix(abc:st): fixed columns not aligned (#1877)

cipchk · web-flow · commit 4ea94be3e5dc · 2025-01-19T16:30:22.000+08:00
diff --git a/packages/abc/st/st.component.html b/packages/abc/st/st.component.html
@@ -58,16 +58,16 @@
       @for (row of _headers; track row) {
         <tr>
           @if ($first && expand) {
-            <th nzWidth="50px" [rowSpan]="_headers.length" [nzLeft]="row[0].column._left! ? true : false"></th>
+            <th nzWidth="50px" [rowSpan]="_headers.length" [nzLeft]="row[0].column._left ? true : false"></th>
           }
           @for (h of row; track h; let index = $index; let last = $last) {
             @let _c = h.column;
             <th
               [colSpan]="h.colSpan"
               [rowSpan]="h.rowSpan"
               [nzWidth]="$any(_c).width"
-              [nzLeft]="_c._left!"
-              [nzRight]="_c._right!"
+              [nzLeft]="_c._left"
+              [nzRight]="_c._right"
               [class]="_c._className"
               [attr.data-col]="_c.indexKey"
               [attr.data-col-index]="index"
@@ -173,7 +173,7 @@
             (nzExpandChange)="_expandChange(i, $event)"
             (click)="_stopPropagation($event)"
             nzWidth="50px"
-            [nzLeft]="_columns[0]._left! ? true : false"
+            [nzLeft]="_columns[0]._left ? true : false"
           ></td>
           <ng-template #wrapExpandIcon>
             <span (click)="_expandChange(i, !i.expand)">
@@ -185,8 +185,8 @@
           @let props = i._values[cIdx].props;
           @if (props?.colSpan > 0 && props?.rowSpan > 0) {
             <td
-              [nzLeft]="!!c._left"
-              [nzRight]="!!c._right"
+              [nzLeft]="c._left"
+              [nzRight]="c._right"
               [attr.data-col-index]="cIdx"
               [class]="c._className"
               [attr.colspan]="props?.colSpan === 1 ? null : props?.colSpan"
diff --git a/packages/abc/st/st.types.ts b/packages/abc/st/st.types.ts
@@ -47,8 +47,8 @@ export interface _STColumn extends STColumn {
   _className?: string | string[] | Set<string> | { [klass: string]: any } | null;
   _sort: STSortMap;
   _width?: number;
-  _left?: string | boolean;
-  _right?: string | boolean;
+  _left: string | boolean;
+  _right: string | boolean;
   __renderTitle?: TemplateRef<any>;
   __render?: TemplateRef<any>;
 }
diff --git a/packages/abc/st/test/st-data-source.spec.ts b/packages/abc/st/test/st-data-source.spec.ts
@@ -515,12 +515,16 @@ describe('abc: table: data-souce', () => {
             {
               title: '',
               index: 'id1',
-              _sort: { enabled: true, default: 'descend', key: 'id1' }
+              _sort: { enabled: true, default: 'descend', key: 'id1' },
+              _left: false,
+              _right: false
             },
             {
               title: '',
               index: 'id2',
-              _sort: { enabled: true, default: 'ascend', key: 'id2' }
+              _sort: { enabled: true, default: 'ascend', key: 'id2' },
+              _left: false,
+              _right: false
             }
           ];
           options.headers = [

Original file line number	Diff line number	Diff line change
`@@ -515,12 +515,16 @@ describe('abc: table: data-souce', () => {`
`515`	`515`	`{`
`516`	`516`	`title: '',`
`517`	`517`	`index: 'id1',`
`518`		`- _sort: { enabled: true, default: 'descend', key: 'id1' }`
	`518`	`+ _sort: { enabled: true, default: 'descend', key: 'id1' },`
	`519`	`+ _left: false,`
	`520`	`+ _right: false`
`519`	`521`	`},`
`520`	`522`	`{`
`521`	`523`	`title: '',`
`522`	`524`	`index: 'id2',`
`523`		`- _sort: { enabled: true, default: 'ascend', key: 'id2' }`
	`525`	`+ _sort: { enabled: true, default: 'ascend', key: 'id2' },`
	`526`	`+ _left: false,`
	`527`	`+ _right: false`
`524`	`528`	`}`
`525`	`529`	`];`
`526`	`530`	`options.headers = [`