왜 테이블의 색상이 오른쪽 하단 모서리에 적용되지 않습니까?

Question

나는이 테이블을 바이올린에 올려 놓았다. 그러나 색상은 오른쪽 하단 모서리에 적용되지 않습니다.

는

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

http://jsfiddle.net/5LrEJ/

나는 그것을 어떻게 해결할 수 있습니까? 감사.

<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> 

Answer 1

변경

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

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

하는 표는 5 열이 있지만 TFOOT 4에서 오른쪽 아래 셀 추가 5 열 병합을 변경하여 4 있습니다.

이렇게하면 문제가 해결됩니다.