IdsDataGrid: Column header filter button is also aligning to the right

[eaenriquez]

Describe the Issue
Having a Datagrid column that is right aligned is also aligning the filter button to the right.

To Reproduce
Steps to see the question or problem:

1. Render a datagrid column and data with one column set to right align

What are you trying to do
To not also align the button to the right inside the datagrid column's header

What did you try so far
N/A

Version

• ids-enterprise-wc: 1.0.0-beta.15

Screenshots

Platform

• Browser Name: Chrome
• Browser Version: 118.0.5993.70 (Official Build) (64-bit)

[tmcconechy]

@eaenriquez why would it make sense to change to not right align the button?

[tmcconechy]

Since we have align: 'right' and headerAlign: 'right' already. I propose we add filterAlign so you can do this..

   align: 'right',
    headerAlign: 'right', // optional because its the same
    filterAlign: 'left' <-- new
  });

[eaenriquez]

@eaenriquez why would it make sense to change to not right align the button?

It is just we never had this from the soho-components and this is preferred by the stakeholders of our project.

[tmcconechy]

Ok no worries @eaenriquez we decided it looks ok and we can add a new option here.

[glenlieorillo]

Fix has been applied. However, if you change to RTL (other locale) it doesn't change its position like the other filters.

[tmcconechy]

@EdwardCoyle good point ☝🏻 I forget to test RTL here. Do you want a new issue or just do a supplemental fix here?