Fix for "Table component passing $attrs (such as ID) to pagination, instead of table div" (issue #2946)

[Numenorian]

Fixes #2946

Proposed Changes

• in src/components/table/Table.vue, I removed the v-bind="$attrs" statement from both <b-table-pagination> components and added it to the main <div class="b-table">
• I'm not sure why the v-bind="$attrs" statements were on the pagination components in the first place, so I'm not sure if this breaks any other new features or intended functionality. If so, let me know and I can take another look at it.
• also a minor typo fix in README.md

[jtommy]

I don't know if there are missing prop about pagination but it would be a breaking change

[Numenorian]

I'm sorry, I'm not sure I follow. Have there been new things added in Buefy 0.9.0+ that depend on HTML attributes from <b-table> being passed on to the <b-table-pagination> component(s)?

[jtommy]

At the moment v-bind is on pagination component so moving it to table it might create problems or breaking changes

[Numenorian]

Ok, I see what you mean now, especially with how the docs pagination example uses the aria-... labels for accessibility attached to the main <b-table> element.

I've re-added the v-bind="$attrs" statements and done some experimentation. It appears that with all 3 statements in place, the class and style attributes are only applied to the main table div, while other attributes such as id are transferred to all 3 divs. Interestingly, though, as far as I can tell the aria-... accessibility labels still seem to only be applied to the pagination divs.

Edit: would you like me to add a short blurb to the docs text describing these quirks?

[wesdevpro]

This PR has been migrated to a discussion for later reference #3974