小攻城師的戰場筆記

前幾天在程式裡放一個表格，因為有一欄資料要依照它所屬的項目數量不同，合併不同數量的列，想像中這個表格的長相大概是這樣：





設計的時候的想法很懶惰，就是算一下後面有幾列要合併，把要併的列數算好以後送給 rowspan，當時也不知道怎麼想的，覺得既然要放變數了，不合併的時候就把 rowspan 的值填 0 好了。例如說這樣：

<tr>
    <td rowspan="0">
        ASP.NET</td>
    <td>
        <a href="http://fannys23.pixnet.net/blog/post/24579939">[ASP.NET] Excel 自動轉型造成的錯誤</a>
    </td>
</tr>

結果在不同瀏覽器下顯示出來的結果竟然不一樣。在 IE 8 跑出來的結果是和我想像中一樣沒錯。但開了 IE Tester 降版本測試、也看了 Firefox 長出來的樣子，發現這些瀏覽器中，這個表格很驚悚的變成這個樣子：



（設定了 rowspan="0" 的儲存格會一路往下合併，進而影響其他儲存格的排列。）



看了 "HTML <td> rowspan Attribute" 和 "rowspan (HTML attribute)" 這兩篇之後才知道，原來 rowspan="0" 是會「從現在這一列開始一路併到最後一列」。難怪表格長得跟我想的完全不一樣……算是經一事長一智囉。