I am currently developing a project using Angular. Within one of my components, I have a table that displays some data. This table is generated by the ng-zorro table module.
However, I've encountered an issue where setting a table column or header with the property nzLeft does not keep the column fixed as intended.
To troubleshoot this problem, I created a sample Angular 14 project on StackBlitz where the nzLeft property works correctly:
View demo here
Below is the content of my package.json:
{
"name": "ore-commesse-app",
...
}
Additionally, here is the code for my table HTML component,
registration-statistic-component.html<nz-table #fixedTable [nzData]="listOfData" [nzScroll]="{ x: '1150px', y: '240px' }">
...
</nz-table>
And lastly, my registration-statistic.module.ts:
import { NzTableModule } from 'ng-zorro-antd/table';
...
export class RegistrationStatisticModule { }
I've noticed in the StackBlitz example that the columns are fixed properly, unlike in my actual implementation where I can scroll over them. Here's how it looks: Table screenshot
If anyone has any insights or possible solutions to this problem, your help would be greatly appreciated!