carbon-website icon indicating copy to clipboard operation
carbon-website copied to clipboard

Angular13 + Carbondesing datatable [stickyheader]="true" breaks layout

Open flor-cames opened this issue 3 years ago • 0 comments

Summary

Hi all! I'm having an issue when trying to use datatable with expanse + sticky header Everything works fine if stickyheader is set to false. But when I set it to true, the layout seems to broke. I have a clean project with only carbon components and angular 13 installed. I don't have any additional CSS. I wasn't able to fix it with css... Has anyone face this issue before? I did everithing according to the official documentation.

Is this issue related to a specific component? Yes datatable

What version of the Carbon Design System are you using? "carbon-components": "^10.53.0", * angular 13

`<ibm-table [size]="'sm'" [model]="simpleModel" [showSelectionColumn]="true" [stickyHeader]="false" [striped]="false" [isDataGrid]="false" >

`

nosticky

tablestickeheader

Relevant information

flor-cames avatar Feb 21 '22 08:02 flor-cames