Semantic-ui: [Table] ui celled table missing border with rowspan

[dustbort]

If rowspan is used on cells in a ui celled table, some cells adjacent to the rowspan'ed cell are missing the adjacent border.

<div class="ui form">
    <table class="ui celled table">
        <thead>
            <tr>
                <th rowspan="2">One</th>
                <th>Two</th>
            </tr>
            <tr>
                <th>Three (missing left border)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="3"></td>
                <td></td>
            </tr>
            <tr>
                <td>(missing left border)</td>
            </tr>
            <tr>
                <td>(missing left border)</td>
            </tr>
        </tbody>
    </table>
</div>

jsfiddle: http://jsfiddle.net/gk2zzzo4/2/

[jlukic]

Bug confirmed.

Part of how ui table supports some difficult to support features is by using border-style: separate instead of the typical border-style: collapse;, however unfortunately this means the rules for specifying borders are a bit more complex with adjacent cells have to avoid redefining borders set by siblings. I'm sure there's a fix but I'll have to rummage through the code after the holidays.

[jlukic]

Marked for next milestone

[jlukic]

I think the only maintainable solve for this is to add a variation that uses border-collapse.

I'm not sure the best name for this. Perhaps ui complex table, or ui collapsed table

[AkramChauhan]

Solved with
Following Code

Name	Type	Files	Languages
			Ruby	JavaScript	Python
Alpha Team	Project 1	2
Beta Team	Project 1	52
	Project 2	12
	Project 3	21