我把这张桌子放在小提琴上。但颜色不适用于右下角。
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>
答案 0 :(得分:1)
更改
<tfoot><tr><td colspan="4">
要
<tfoot><tr><td colspan="5">
你的桌子有5列,但你的tfoot有4列。通过将colspan从4改为5,右下角的单元格被添加。
这解决了您的问题。