html - 为什么 table 的颜色不应用于右下 Angular ？

我把这张桌子放在小提琴上。但是颜色不应用于右下角。

http://jsfiddle.net/5LrEJ/

http://i.hizliresim.com/eXDaY0.png

我该如何解决？谢谢。

<div class="datagrid"><table>
        <thead><tr><th>Rank</th><th>Player Name</th><th>% of Wins</th><th>Total Wins</th><th>Total Losses</th></tr></thead>
        <tfoot><tr><td colspan="4"><div id="paging"><ul><li><a href="#"><span>Previous</span></a></li><li><a href="#" class="active"><span>1</span></a></li><li><a href="#"><span>2</span></a></li><li><a href="#"><span>3</span></a></li><li><a href="#"><span>4</span></a></li><li><a href="#"><span>5</span></a></li><li><a href="#"><span>Next</span></a></li></ul></div></tr></tfoot>
        <tbody>
            <tr><td>1</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr class="alt"><td>2</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr><td>3</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr class="alt"><td>4</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr><td>5</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr class="alt"><td>6</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr><td>7</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr class="alt"><td>8</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr><td>9</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
            <tr class="alt"><td>10</td><td>data</td><td>data</td><td>data</td><td>data</td></tr>
        </tbody>

最佳答案

更改

<tfoot><tr><td colspan="4">

至

<tfoot><tr><td colspan="5">

您的表格有5列，但是脚有4列。通过将colspan从4更改为5，将添加右下方的单元格。

这样可以解决您的问题。

关于html - 为什么 table 的颜色不应用于右下 Angular ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21077370/