-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Adding scope to all table headers, fix #12401 #15079
Conversation
Jenins, test this |
Jenkins, test this |
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.
LGTM
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.
Awesome! I love the changes to the UI Framework. Thanks for doing that. I have one quick question about colgroup
before I give a 👍 .
@@ -33,7 +33,7 @@ | |||
<table ng-if="columns" class="table agg-table-group"> | |||
<thead> | |||
<tr> | |||
<th ng-repeat="table in columns" ng-if="table.tables"> | |||
<th ng-repeat="table in columns" ng-if="table.tables" scope="colgroup"> |
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.
What was your reasoning behind choosing colgroup
in this file? The W3 page mentions this:
before making these associations [with scope="colgroup"], the structure of such groups of columns and rows needs to be defined in the table markup:
- A column group is defined using the element
My naive interpretation of this is that we shouldn't use scope="colgroup"
unless there's a <colgroup>
element.
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.
I would agree with you, that this is wrong here. Also looking at the HTML again, I think I just misread it, so will fix this.
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.
LGTM!
* Add scope for all th in Kibana * Add scope to <th> in ui framework * Update jest snapshots with scope * Fix wrong usage of colgroup
This PR adds the
scope
attribute to allth
elements where it makes sense. We still have a very few places left, we are using a table actually for styling purposes and not as a table, I haven't touched these places.It also adds the
scope
property for theKuiTableHeaderCell
UI framework component.