jQuery: Summen in einer Tabelle spaltenweise ausrechnen

Diese JavaScript-Funktion rechnet die Summen für alle Spalten einer Tabelle aus. Es können beliebig viele Spalten und Zeilen hinzugefügt werden.

JavaScript:

function calcSum(sTableID)
{
    $('#'+sTableID+' thead th').each(function(iIndex)
    {
        var iSum = 0;
        $('#'+sTableID+' tbody tr').each(function()
        {
            var iValue = parseInt($('td', this).eq(iIndex).text());
            if (!isNaN(iValue))
            iSum += iValue;
        });
        $('#'+sTableID+' tfoot td').eq(iIndex).append(iSum)
    });
}


HTML:

<table id="myTable" border="1">
    <thead>                
        <tr>
            <th>Spalte 1</th>
            <th>Spalte 2</th>
            <th>Spalte 3</th>
            <th>Spalte 4</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>3</td>
        <td>2</td>
        <td>3</td>
        <td>6</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>2</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>1</td>
    </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Summe: </td>
            <td>Summe: </td>
            <td>Summe: </td>
            <td>Summe: </td>
        </tr>
    </tfoot>
</table>

Ergebnis:
Beispiel-jQuery-Summe-ausrechnen

2 Gedanken zu „jQuery: Summen in einer Tabelle spaltenweise ausrechnen“

Schreibe einen Kommentar