Bugfix: Table "no rows to show" - text alignment fixed + continued enhancements for advanced table

[verena-ifx]

By creating this pull request you agree to the terms in CONTRIBUTING.md.
https://github.com/Infineon/.github/blob/master/CONTRIBUTING.md
--- DO NOT DELETE ANYTHING ABOVE THIS LINE ---

CONTRIBUTING.md also tells you what to expect in the PR process.

Description
Text alignment fixed
Table demonstration in example apps fixed

📦 Published PR as canary version: 24.6.1--canary.988.71edf246d3750bed7937a414c99c1116fb0e4332.0

✨ Test out this PR locally via:

npm install @infineon/infineon-design-system-stencil@24.6.1--canary.988.71edf246d3750bed7937a414c99c1116fb0e4332.0
# or 
yarn add @infineon/infineon-design-system-stencil@24.6.1--canary.988.71edf246d3750bed7937a414c99c1116fb0e4332.0

[github-actions]

PR Preview Action v1.4.7
🚀 Deployed preview to https://Infineon.github.io/infineon-design-system-stencil/pr-preview-react-example/pr-988/
on branch gh-pages at 2024-08-23 13:29 UTC

[github-actions]

--STORYBOOK-PREVIEW--

• PR Preview URL for Storybook: https://Infineon.github.io/infineon-design-system-stencil/pr-preview/pr-988/

[github-actions]

--EXAMPLE-APPS-PREVIEW--
PR Preview URLs:

• Vue example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vue-example/pr-988/
• React example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-react-example/pr-988/
• Angular example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-angular-example/pr-988/
• Vanilla example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vanilla-example/pr-988/

[tishoyanchev]

• What is the purpose of the time showing when no rows or cols?
• Can you create internal states for columnDefs, rowData?
• Can you move gridApi into componentWillLoad to prevent risk of infinite re-renders?
• Should we not include the advanced table in the example apps?
• In React, when I remove rows, I get an error: Unexpected value for cols and rows: undefined ... If I remove
  the cols, I get: Unexpected value for cols and rows: .. and Unexpected value for cols: undefined

[tishoyanchev]

@verena-ifx
1 - chip is wrong
2 - enable-filtering is not needed. Why not just filter=sidebar/topbar/none?
3 - why not integrate the filter search inside?
4 - the filter-columns should not have 'search' and don't understand what is 'filter-name'? why is there a need to choose
the type? single/multi-select? why do the options contain so many properties?

[verena-ifx]

inside

• what do you mean with filter search inside?
• the filtering can happen with single- or multiselect, based on the templates. and that makes sense in my opinion as well.
  filter-name and search define the mapping of the column to the table columns

[tishoyanchev]

@verena-ifx

• Can you resolve the merge conflicts?
• Can componentDidLoad() { this.updateVisibleSlots(); } be invoked in componentWillLoad() instead?
• Is filter-type-group a separate stand-alone component? If not, then you have to remove it from Storybook. Also, if filter-bar is not going to be a stand-alone component, then both should be inside the advanced-table-version folder, no?
• Can you add it in the example apps? Right now, only the 'show filters' button is there, but when you click it, the filter is not there.