question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Stacked table: can't vertically align [data-label] with b-select

See original GitHub issue

Is it possible to vertically align the data label with the b-select? I think it would look better with vertical-align: middle.

https://jsfiddle.net/08mpnzoh/10/

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
Hiwscommented, Oct 29, 2019

You can also apply the classes d-flex align-items-center to your td to achieve the same result.

https://jsfiddle.net/exz4bgvc/

1reaction
tmorehousecommented, Oct 29, 2019

But note if using d-flex on a native <td> (instead of on a <b-td>) you will need to add the appropriate ARIA role (i.e. cell) on the <td> as the css display will change the semantic meaning of the <td> for screen reader users. <b-td> automatically takes care of the ARIA role.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vertical align in bootstrap table - Stack Overflow
I want to vertically align the text to the center position, but somehow the css doesn't seem to work. I have used the...
Read more >
Change the format of data labels in a chart - Microsoft Support
To get there, after adding your data labels, select the data label to format, and then click Chart Elements Chart Elements button >...
Read more >
vertical-align - CSS: Cascading Style Sheets - MDN Web Docs
The vertical-align property can be used in two contexts: To vertically align an inline element's box inside its containing line box.
Read more >
How to Choose the Right Chart for Your Data - Infogram
Bars on a column chart are vertical while bars on a bar chart are horizontal. Bar charts are generally used to help avoid...
Read more >
Vertical alignment tabularray when r=1 not working - TeX
One row multirow cell has not sense. In such cell is suffucinet (and more correct) to write \SetCell{m} or even better, this column...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found