Ho do i change my component element size on a table?

1
votes

i would like to know, how (and if there is) a possibility to resize a component imported in another page in Angular.

Here is what i have:

  • I created a button component so that i could reuse it wherever i wanted (let's call it component A)
  • I created a table on another component (let's call it component B).

Now if i import the component A on my table cell (situated in component B) i can not move it. I can't dynamically change his position. For reference i am using ng zorro table and in the <td> tag i put nzAlign="center" property. But it does not work the button is not being centered on the cell. As you can see here in the picture the <app-delete-btn> element has more width than the button itself and that is why is not getting centered. Thanks to whoever responds to this!

Button Image

javascripthtmlcssangularangular-components
try adding text-align:center to the <td> , since its using display: table - Woohaik
did you try to add "display: block" to your button ? In his own CSS, you can write :host { display: block; } ? - Random