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.

Table with two tier headers

See original GitHub issue

I have asked about this question in stack overflow as well but did not got any solution.

I have struggle to make the two pair of headers. Basically i wanted is two table header grouped by one header on top. Like in the image here. `

Name	Produced	Sold	Produced	Sold
	Mars	Venus
Teddy Bears	50,000	30,000	100,000	80,000
Board Games	10,000	5,000	12,000	9,000

URL for the fiddle

Is this possible on Bootstrap-vue? or, any workaround please?

Issue Analytics

State:
Created 5 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Feb 12, 2019

@hirenvadalia you are correct. We will be adding in support for stacked/spanned headers in a future release.

0reactions

tmorehousecommented, Feb 24, 2019

Not released yet. it will be in 2.0.0-rc 14

As well, we are waiting for documentation updates on the PR (#2653) that adds the feature

Top Results From Across the Web

Tables with Irregular Headers | Web Accessibility Initiative (WAI)

This page covers tables with header cells that span multiple columns ... Table with two tier headers; Table with headers spanning multiple rows...

How can I construct a table header than spans multiple rows ...

One solution would be to use TD with special CSS rather than TH, but ideally I'd like to follow the traditional html table...

HTML Table Headers - W3Schools

HTML tables can have headers for each column or row, or for many columns/rows. ... You can have a header that spans over...

Accessible HTML 5 Table with two tier headers - CodePen

Maximize HTML Editor; Minimize HTML Editor; Fold All; Unfold All. xxxxxxxxxx. 31. 1. . 2. <table>.

Two tier headings without headers and ids

Results. JAWS 15 or NVDA 2014.2 read it OK in FF and IE, but VoiceOver doesn't read the secont row of TH. Code....