Boilerplate > Table page layout > Create a reusable component for pages with one table

[dvikas]

Ticket references

• Dev-3914

Summary of changes

Added switching between Dark and Light theme

Slots Available

• header-left
• header-right
• control-left
• control-right
• content
• paginate

Checklist

• bugfix
• new feature
• breaking change
• added unit tests
• changes introduced has been discussed and approved
• requires manual testing
• documentation has been updated

Testing

We need manual testing.

• https://localhost:8080/table-with-tabs
• https://localhost:8080/table-without-tabs
• https://localhost:8080/table-with-tabs-2

[pandafox]

The sample tables and data should prob be moved to a sample folder, otherwise we'd need to spend considerable amount cleaning up?

[dvikas]

Hi @axlepascual, @pandafox <slot> is already there as control-left, so we can use a text, a searchbar in some cases, dropdown buttons, etc. But to make it simpler for tabs I provided a way to pass tabs Data as props

        <f-table
            :tabs-data="headerTabs"
            :selected-tab="selectedTab"
            :page-header="false"
            tab-indicator-color="transparent"
        >

So it will help to not write code of tabs repeatedly.
#33 (comment)

[wilbertverayin]

[jonelrempis]

• 

[kiko-f]