數據表+ 2個頁腳+控制，一個在footer_callback功能操作

這裏是我FIDDLE 數據表+ 2個頁腳+控制，一個在footer_callback功能操作

我想在這部分代碼有更多的控制：

 $(api.column(4).footer()).html(
      '$'+pageTotal +' ($'+ total +' total)' 
     );

我想申請這在我的#total頁腳上。它目前正在應用於#search頁腳，並且當我希望它更改右下角的#total頁腳時，正在更改表格右上角的#search頁腳的值。

這是這樣爲了在html：

<tfoot id="search"> 
      <tr> 
       <th>First name</th> 
       <th>Last name</th> 
       <th>Position</th> 
       <th>Office</th> 
       <th>Salary</th> 
      </tr> 
     </tfoot> 
     <tfoot id="total"> 
      <tr> 
       <th colspan="4" style="text-align:right">Total:</th> 
       <th></th> 
      </tr> 
     </tfoot>

我可以換上面圍繞頁腳，FIDDLE在這裏，它會出現我想要的方式，但多列過濾搜索將打破。 我可以在沒有破壞任何東西的情況下實現我在這裏嘗試的嗎？

來源

2016-10-17 HattrickNZ

想我需要更換這個

$(api.column(4).footer()).html(
     '$'+pageTotal +' ($'+ total +' total)' 
    );

這個（獲得tfoot標籤的第二th標籤ID爲total）：

 $("tfoot#total th:nth-child(2)").html(
       '$'+pageTotal +' ($'+ total +' total)' 
     )

FIDDLE HERE

旁白（我想要更好地理解的東西）：

在控制檯中這樣做$("tfoot th:nth-child(2)").html("33") datatables footer_callback 將更改頁腳中第4列的值。

但在控制檯做着類似的命令$("tfoot#total th:nth-child(2)").html("33")這裏JSFIDDLE不chnage它，我必須在footer_callback函數中做

來源

2016-10-18 01:17:20 HattrickNZ

我已經解決你的問題，因爲您發佈的quetion檢查了這一點：HTTPS：/ /jsfiddle.net/dipakthoke07/7bh7w2tu/8/ –

這個你有aks：http：//stackoverflow.com/questions/40042969/concatenat-data-tables-coums/40043848？noredirect = 1＃comment67386131_40043848 –

@Dipak tks again認爲你的意思是[鏈接]（http://stackoverflow.com/questions/40011700/how-to-combine-combine-footer-callback-with-multi-filter-in-datatables） – HattrickNZ

數據表+ 2個頁腳+控制，一個在footer_callback功能操作

回答

相關問題