为什么桌子的颜色不适用于右下角?

时间:2014-01-12 16:47:53

标签: html css

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

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>

1 个答案:

答案 0 :(得分:1)

更改

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

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

你的桌子有5列,但你的tfoot有4列。通过将colspan从4改为5,右下角的单元格被添加。

这解决了您的问题。