Eu tenho uma tabela que é gerada automaticamente pelo PHP e manipulada pelo jquery, só que eu preciso calcular o percentual do total de cada uma das linhas numéricas, qual a melhor maneira de fazer isso?
<div id="tableResults" class="container">
<table id="table_resultados" class="table table-bordered table-hover">
<thead class="table-head">
<tr>
<th>SEX</th>
<th class="names">FATAL</th>
<th class="names">SERIOUS</th>
<th class="names">OTHERS</th>
<th class="names">TOTAL</th>
</tr>
</thead>
<tbody>
<tr>
<td>WOMAN</td>
<td class="VitimaFATAL">4</td>
<td class="SERIOUS">6</td>
<td class="OTHERS">1</td>
<td class="Total">11</td>
</tr>
<tr>
<td>MEN</td>
<td class="FATAL">18</td>
<td class="SERIOUS">28</td>
<td class="OTHERS">23</td>
<td class="Total">69</td>
</tr>
<tr>
<td>UNKNOWN</td>
<td class="FATAL">3</td>
<td class="SERIOUS">1679</td>
<td class="OTHERS">3129</td>
<td class="Total">4811</td>
</tr>
<tr id="Totais">
<td>TOTAL</td>
<td id="FATAL">25</td>
<td id="SERIOUS">1713</td>
<td id="OTHERS">3153</td>
<td id="Total">4891</td>
</tr>
</tbody>
</table>
</div>
Essa tabela vem de uma busca dinâmica no PHP e MYSQL que gera os valores, eu já fiz uma função em jQuery para calcular o total
function colSum() {
var ids = new Array();
$('#table_resultados .names').each(function (){
ids.push($(this).html().replace(/\s/g, ''));
$('#Totais').append('<td id="' + $(this).html().replace(/\s/g, '') + '"></td>')
});
$.each(ids, function (index, value) {
var sum = 0;
$('.' + value).each(function () {
sum += parseInt($(this).html());
});
$('#' + value).html(sum);
});
Preciso calcular o percentual do total de todos as colunas. Nesse exemplo eu preciso inserir uma coluna após o FATAL, SERIOUS, OUTHERS chamada de % do total e com os valores, exemplo:
- a coluna % do total do FATAL seria 36,36 - 26,08 - 0,06 - 0,51
- a coluna % do total do SERIOUS seria 54,54 - 40,57 - 34,89 - 35,02
A conta a ser feita é o valor da coluna multiplicado por 100 dividido pelo valor do total da mesma linha exemplo da primeira linha 4*100/11
Criei um HTML para ficar mais ou menos como eu preciso, nao sei como gerar isso dinamicamente para todas as linhas
<div id="tableResults" class="container">
<table id="table_resultados" class="table table-bordered table-hover">
<thead class="table-head">
<tr>
<th>SEX</th>
<th class="names">FATAL</th>
<th>% do TOTAL</th>
<th class="names">SERIOUS</th>
<th class="names">OTHERS</th>
<th class="names">TOTAL</th>
</tr>
</thead>
<tbody>
<tr>
<td>WOMAN</td>
<td class="VitimaFATAL">4</td>
<th>36,36</th>
<td class="SERIOUS">6</td>
<td class="OTHERS">1</td>
<td class="Total">11</td>
</tr>
<tr>
<td>MEN</td>
<td class="FATAL">18</td>
<th>26,08</th>
<td class="SERIOUS">28</td>
<td class="OTHERS">23</td>
<td class="Total">69</td>
</tr>
<tr>
<td>UNKNOWN</td>
<td class="FATAL">3</td>
<th>0,06</th>
<td class="SERIOUS">1679</td>
<td class="OTHERS">3129</td>
<td class="Total">4811</td>
</tr>
<tr id="Totais">
<td>TOTAL</td>
<td id="FATAL">25</td>
<th>0,51</th>
<td id="SERIOUS">1713</td>
<td id="OTHERS">3153</td>
<td id="Total">4891</td>
</tr>
</tbody>
</table>
</div>
a coluna % do total do FATAL seria 36,36 - 26,08 - 0,06 - 0,51
ea coluna % do total do SERIOUS seria 54,54 - 40,57 - 34,89 - 35,02
. Consegui entender que você queria pegar os valores que estam nas colunas e agrupar pelas classes:FATAL,SERIOUS,OTHERS
;