DS 835 table basic

[MarcinMr]

Jira

https://pegadigitalit.atlassian.net/browse/DS-835

Summary

The new component table-basic is created that can replace the basic functionalities of the current Table Component

Details

1. Much of the props are taken from the old table component, for example:

• only rows table
• table with top headers only
• table with side headers only
• table with both top and side headers
• caption of the table
• borderless table
• format table (regular, numeric)

2. The following methods of display

• Twig (appearance and behavior can be achieved via choosing props from the schema)
• HTML only (appearance and behavior can be achieved by adding appropriate classes to the <table>)
• HTML only (without the tbody) (appearance and behavior can be achieved by adding appropriate classes to the <table>)

3. Js creates a wrapper and wraps the <table>
4. Table can have responsive behavior (with the horizontal scrollbar) or be set as 100% width of the container(by choosing the appropriate prop) and squeezes when window width is decreasing
5. There are props that set the first, second, or first two columns as fixed width

How to test

Pull the branch. Check the code, especially the CSS and JS. Check the table-basic template. Go to test folder and find table-basic test examples. Play with them and confirm the work properly.

_Note that we don't have the docs yet, After everything works fine in the test pages we can add the docs later.

Release notes

There is a new tablep-basic component that replaces the basic functionalities of the current Table Component