-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Introduce Kirby Data Table #2517
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work!
Here are my initial thoughts, I'll go through the scss a bit more thoroughly after we have discussed the overall structure - see comments on that.
apps/cookbook/src/app/examples/data-table-example/table_example_data.ts
Outdated
Show resolved
Hide resolved
apps/cookbook/src/app/showcase/data-table-showcase/data-table-showcase.component.html
Outdated
Show resolved
Hide resolved
apps/cookbook/src/app/showcase/data-table-showcase/data-table-showcase.component.html
Outdated
Show resolved
Hide resolved
apps/cookbook/src/app/examples/data-table-example/examples/card.ts
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/_data-table.utils.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/tbody/tbody.component.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/_data-table.utils.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/data-table.module.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks very good, just a minor comment to be made.
Would have loved to see a screenshot of the data-table-example attached to the PR :)
libs/designsystem/src/lib/components/data-table/thead/thead.component.scss
Outdated
Show resolved
Hide resolved
You are probably aware of this @NillerW, but there is a deployed version of this available for inspection: https://cookbook.kirby.design/branch/kby-2494-kirby-data-table/#/home/showcase/data-table |
- onPush change detection on Table Component - onPush change detection on Table Component - import fix in Data table module
- removed view encapsulation - removed th selection class - moved kirby-selectable-row to table main scss
apps/cookbook/src/app/examples/data-table-example/examples/card.ts
Outdated
Show resolved
Hide resolved
apps/cookbook/src/app/showcase/data-table-showcase/data-table-showcase.component.html
Outdated
Show resolved
Hide resolved
apps/cookbook/src/app/showcase/data-table-showcase/data-table-showcase.component.html
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.spec.ts
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.ts
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.scss
Outdated
Show resolved
Hide resolved
libs/designsystem/src/lib/components/data-table/table/table.component.scss
Show resolved
Hide resolved
A final set of suggestions for you @sigurdpvavilstrup. We are so close now, hang in there! And big thanks to @jkaltoft for helping with the review, he gave us some great suggestions for the CSS. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you very much for your contribution. I love the end product, this is a great foundation for the coming work.
Which issue does this PR close?
This PR closes #2494
What is the new behavior?
Added first iteration of the Data Table component.
Mostly a stylized html table.
Does this PR introduce a breaking change?
Are there any additional context?
As per: #2494
Checklist:
The following tasks should be carried out in sequence in order to follow the process of contributing correctly.
Reminders
Reg. tests, these have not been written yet, but i would like to see what everyone thinks of the implementation method.
Review
When the pull request has been approved it will be merged to
develop
by Team Kirby.