HTML 테이블 필터를 왼쪽

Question

에 정렬하는 방법은 테이블의 단일 열에서 버튼을 왼쪽으로 정렬 할 수 있습니다. {: "선택", public_methods : col_0 사실 } =

<p>Perform actions and retrieve information from the grid by using public methods</p> 
<div class="tf_tools"> 
    <table cellpadding="0" cellspacing="0"> 
     <tr> 
      <td> 
       <input type="button" value="Check if it has grid" onclick="alert(tf_table8.HasGrid());" /> 
       <input type="button" value="Filter table" onclick="tf_table8.Filter();" /> 
       <input type="button" value="Clear grid" onclick="tf_table8.ClearFilters(); tf_table8.Filter();" /> 
       <input type="button" value="Remove grid" onclick="tf_table8.RemoveGrid();" /> 
       <input type="button" value="Reset filter grid" onclick="tf_table8.AddGrid();" /> 
       <input type="button" value="Get starting row index" onclick="alert(tf_table8.GetStartRowIndex());" /> 
       <input type="button" value="Get last row index" onclick="alert(tf_table8.GetLastRowIndex());" /> 
       <input type="button" value="Get valid rows index" onclick="alert(tf_table8.GetValidRowsIndex());" /> 
       <input type="button" value="Get filters ids" onclick="alert(tf_table8.GetFiltersId());" /> 
       <input type="button" value="Get filter value col 2" onclick="alert(tf_table8.GetFilterValue(2)); " /> 
       <input type="button" value="Set filter value col 2" onclick="tf_table8.SetFilterValue(2,'keyword here');" /> 
       <input type="button" value="Return column 0 values" onclick="alert(tf_table8.GetColValues(0,false));" /> 
       <input type="button" value="Return table data" onclick="alert(tf_table8.GetTableData());" /> 
      </td> 
     </tr> 
    </table> 
</div> 
<table id="table8" class="mytable" cellpadding="0" cellspacing="0"> 
    <tr> 
     <th>World Regions</th> 
     <th>Population (2007 Est.)</th> 
     <th>Population % of World</th> 
     <th>% Population (Penetration)</th> 
     <th>Usage % of World</th> 
    </tr> 
    <tr> 
     <td>Africa</td> 
     <td>933,448,292</td> 
     <td>14.2 %</td> 
     <td>3.5 %</td> 
     <td>3.0 %</td> 
    </tr> 
    <tr> 
     <td>Asia</td> 
     <td>3,712,527,624</td> 
     <td>56.5 %</td> 
     <td>10.5 %</td> 
     <td>35.6 %</td> 
    </tr> 
    <tr> 
     <td>Europe</td> 
     <td>809,624,686</td> 
     <td>12.3 %</td> 
     <td>38.6 %</td> 
     <td>28.6 %</td> 
    </tr> 
    <tr> 
     <td>Middle East</td> 
     <td>193,452,727</td> 
     <td>2.9 %</td> 
     <td>10.0 %</td> 
     <td>1.8 %</td> 
    </tr> 
    <tr> 
     <td>North America</td> 
     <td>334,538,018</td> 
     <td>5.1 %</td> 
     <td>69.4 %</td> 
     <td>21.2 %</td> 
    </tr> 
    <tr> 
     <td>Latin America/Caribbean</td> 
     <td>556,606,627</td> 
     <td>8.5 %</td> 
     <td>16.0 %</td> 
     <td>8.1 %</td> 
    </tr> 
    <tr> 
     <td>Oceania/Australia</td> 
     <td>34,468,443</td> 
     <td>0.5 %</td> 
     <td>53.5 %</td> 
     <td>1.7 %</td> 
    </tr> 
</table> 

var에 table8_Props; var tf8 = setFilterGrid ("table8", table8_Props); 모든 <button> 후 <br />를 사용하는

http://jsfiddle.net/koalyptus/bYs5U/embedded/result/

Answer 1

시도.

Answer 2

두 개의 열이있는 표를 만들 수 있습니다. 귀하의 첫 번째 열에 귀하의 테이블이 될 것입니다. 두 번째 열이 귀하의 버튼이 될 것입니다.