[QUESTION/FEATURE REQUEST]: Merged header cells ("colspan")

What version of React-Table are you using?

6.8.2

What bug are you experiencing, or what feature are you proposing?

I cannot find a way to mimic a Table’s “colspan” within React-Table. I’m aware that it uses <div> and not <table>, and so there is no built-in easy way to include, but it’d be useful to have a way to create merged cells (in my case, for a header).

Note that I’m not referring to the current column grouping, which gives both the column header and a group header, but rather something more like this (Apologies I can’t include an image - GitHub isn’t allowing me to upload an image, for some reason. Hopefully this standard HTML markup will explain what I’m referring to.):

<table class="table-root">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th colspan="3">Colspan header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>one</td>
            <td>two</td>
            <td>three</td>
            <td>four</td>
            <td>five</td>
        </tr>
    </tbody>
</table>

Is this possible to do now? Would you be interested in having this feature added?

[gary-menzel]

It is not possible to do this in ReactTable and cannot really be done in the current design.

This type of thing may be considered in an upcoming major rewrite (there is no timetable on the delivery of this - so if you need this feature now you should probably use a different package).

[faustAbc]

Any updates?