계산 된 테이블 열을 합계하는 방법

-1

표시된 테이블의 열을 합계해야합니다. 내 질문 : 다른 열의 데이터를 계산 한 테이블 열을 어떻게 합계 할 수 있습니까? 자바 스크립트를 사용해야합니까? 관련 칼럼 하단에 합계를 표시하고 싶습니다. 미리 조언 해 주셔서 감사합니다. 내 현재 계산 된 데이터의계산 된 테이블 열을 합계하는 방법

예 : 나는 거대한 엉덩이 바닐라 JS 답변을 작성하기 전에

echo round(($r->price_sold - $r->shipping - $r->tax - $r->fees) * $r->commission_rate/100,2); 



    $query = " 
SELECT * 
    FROM jos_data_Used_Gear 
    ORDER BY client_name ASC 
    LIMIT 0, 100; 
"; 

$db->setQuery($query); 
$url = $db->loadObjectList(); 


echo '<table id="consignment-table" border="0" align="center" width="3000px">'; 
echo '<tr class="consignment-header"><th class="consignment-client">Client</th>'; 
echo '<th class="consignment-title">Item Name</th>'; 
echo '<th class="consignment-saleprice">Price Sold</th>'; 
echo '<th class="consignment-saleprice">Tax</th>'; 
echo '<th class="consignment-saleprice">Shipping</th>'; 
echo '<th class="consignment-saleprice">Service Fee</th>'; 
echo '<th class="consignment-saleprice">Commission</th>'; 
echo '<th class="consignment-saleprice">Due Client</th>'; 

if(count($url)) { 
    foreach($url as $r) { 
    echo '<tr><td nowrap="nowrap">'; 
    echo $r->client_name; 
    echo '</td><td nowrap="nowrap">'; 
    echo $r->item_title; 
    echo '</td><td class="currency" nowrap="nowrap">'; 
    echo "&#36;"; 
    echo $r->price_sold; 
    echo '</td><td nowrap="nowrap">'; 
    echo "&#36;"; 
    echo $r->tax; 
    echo '</td><td class="currency" nowrap="nowrap">'; 
    echo "&#36;"; 
    echo $r->shipping; 
    echo '</td><td nowrap="nowrap">'; 
    echo "&#36;"; 
    echo $r->fees; 
    echo '</td><td nowrap="nowrap">'; 
    echo round(($r->price_sold - $r->shipping - $r->tax - $r->fees) * $r->commission_rate/100,2); 
    echo '</td><td class="currency" nowrap="nowrap">'; 
    echo "&#36;"; 
    echo round(($r->price_sold - $r->fees - $r->tax - $r->shipping) - (($r->price_sold - $r->fees - $r->tax - $r->shipping) * $r->commission_rate/100) ,2); 
    echo "</td></tr>"; 

    } 
} 

echo '</table>';

출처

2012-11-18 Craig Martin

, 당신은 어떤 라이브러리를 사용하고 있습니까? Joomla 내가 jquery와 함께 제공됩니까? –

@Asad - Joomla 3.0에는 jQuery가 함께 제공됩니다. Joomla 1.5와 2.5는 mootools와 함께 제공되지만 jQuery 가져 오기에는 아무런 문제가 없습니다;) – Lodder

http://jsbin.com/opevet/1/edit

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
</head> 
<body> 
<table id="consignment-table" border="1" align="center" width="500px"> 
<tr class="consignment-header"><th class="consignment-client">Client</th> 
<th class="consignment-title">Item Name</th> 
<th class="consignment-saleprice">Price Sold</th> 
<th class="consignment-saleprice">Tax</th> 
<th class="consignment-saleprice">Shipping</th> 
<th class="consignment-saleprice">Service Fee</th> 
<th class="consignment-saleprice">Commission</th> 
<th class="consignment-saleprice">Due Client</th> 
    <tr><td nowrap="nowrap">client a 
     </td><td nowrap="nowrap">1 
     </td><td class="currency PriceSold" nowrap="nowrap"> 
      &#36;25.75 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
    </td></tr> 
    <tr><td nowrap="nowrap">client b 
     </td><td nowrap="nowrap">2 
     </td><td class="currency PriceSold" nowrap="nowrap"> 
      &#36;31.44 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
    </td></tr> 
    <tr><td nowrap="nowrap">client a 
     </td><td nowrap="nowrap">3 
     </td><td class="currency PriceSold" nowrap="nowrap"> 
      &#36;15.92 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td nowrap="nowrap">0 
     </td><td class="currency" nowrap="nowrap">0 
    </td></tr> 
    <tr><td nowrap="nowrap">total: 
     </td><td nowrap="nowrap"> 
     </td><td class="currency total1" nowrap="nowrap"> 
     </td><td nowrap="nowrap"> 
     </td><td class="currency" nowrap="nowrap"> 
     </td><td nowrap="nowrap"> 
     </td><td nowrap="nowrap"> 
     </td><td class="currency" nowrap="nowrap"> 
    </td></tr> 
</table> 

<script> 
$(document).ready(function(){ 
    var total1 = 0.0; 
    $('.PriceSold').each(function(){ 
    try{ 
     total1 += $(this).html().replace('$','') * 1; 
    } catch(ex){} 
    }); 
    $('.total1').html('<b>$' + total1+ '</b>'); 
}); 
</script> 

</body> 
</html>

출처

2012-11-18 20:22:20

이 방법을 사용하고 싶지만 제대로 작동하지 않습니다. 더 설명하거나 원래 코드에 삽입해야 할 곳이 있습니까? 나는 그것을 틀린 장소에서 사용할지도 모른다. 감사합니다 –

여기 작업 샘플을 만들었 : http://jsbin.com/opevet/1/ $을 $ –

으로 바 꾸었습니다. 감사합니다. Boris, 이것 자체는 작동하지만, 계산 된 열과 함께 작동시키지 못합니다. like : echo ''; echo "$"; $ r-> 수수료 - $ r-> 세금 - $ r-> 배송) $ r-> shipping) * $ r-> commission_rate/100), 2); –

계산 된 테이블 열을 합계하는 방법

답변

관련 문제