Bordure manquante dans un tableau avec header complexe

[tristanlemee]

Décrire le bug

Dans certaines fusions de cellules complexes, il manque des bordures.

Comportement attendu

Chaque cellule a une bordure

Capture d’écran

Il manque la bordure a droite de la cellule "Test10"

Configuration et système utilisé

• Version du DSFR : 1.12.1
• Appareil (mobile, tablette, desktop) : Desktop (tous?)
• Système d’exploitation : Windows 10
• Navigateur et version : Firefox 115, Chromium

Informations complémentaires

Projet en React 18.2

<div className="fr-table fr-table--bordered">
    <div className="fr-table__wrapper">
        <div className="fr-table__container">
            <div className="fr-table__content">
                <table>
                    <caption>
                        Caption
                    </caption>
                    <thead>
                        <tr>
                            <th rowSpan={2}>Test1</th>
                            <th rowSpan={2}>Test2</th>

                            <th colSpan={2}>Test3</th>
                            <th colSpan={2}>Test</th>

                            <th rowSpan={2}>Test4</th>
                            <th rowSpan={2}>Test5</th>
                            <th rowSpan={2}>Test6</th>
                        </tr>
                        <tr>
                            <th>Test7</th>
                            <th>Test8</th>
                            <th>Test9</th>
                            <th>Test10</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

[keryanS]

Bonjour,

Merci pour le retour, effectivement, je reproduis bien le bug. Nous allons corriger ça rapidement.

Keryan, pour l'équipe DSFR