nz-table scss problem

[Berius]

In our project we have problem with nz-table component. It doesn't look like the component on ng-zorro page.
Expected look:

In our project:

We made a new project to check this table, but result was the same.
Thank you in advance.

[crabvendor]

Having similar issues, on top of this:

• table cannot be styled by overriding some less variables; eg. table font size works fine, but hover color doesn't
• style files are imported correctly, other imported components works fine
• empty indicator doesn't show up when table is empty

// Custom Theming for NG-ZORRO
// For more information: https://ng.ant.design/docs/customize-theme/en
@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";

// @primary-color: #1890ff;
@table-header-bg: red;
@table-border-color: red;
@table-row-hover-bg: red;

@table-font-size: 40px;

@primary-color: green;

Result:

Empty table:

ng-zorro-antd version: 17.4.0
angular version: 17.3.0
node: tried both 20.9 and 20.11

Initially expected some of the project global css to interfere but creating new project from scratch doesn't work either, doesn't work on any machine we tried it on.

Noticed in console that some of the inner component classes are missing:
Expected:

Actual:

After manually adding classes to the components in dev tools it reassembles it bit more:

Problem resolved by downgrading to library version 17.0.0

Ok last edit, since I think I've found the underlying issue - downgrading to 17.0.0 only helps because it forces to create module file and import NzTableModule in our standalone component, so the actual version doesn't matter once module file is there.

Problem is that when using NzTable as standalone component, it most likely doesn't import it's underlying children component like NzTableModule does.

Problem is resolved by either importing them all as standalone components alongside NzTableComponent or Importing NzTableModule on it's own.

[Berius]

Wow, great work.
Thanks!