Column calculation

Sum

Basic usage

<script lang="ts">
    import type { Datahandler } from '@vincjo/datatables'
    export let handler: DataHandler

    const sum = handler.createCalculation('columnName').sum()
</script>

<h1>Total: {$sum}</h1>
  • Coffee Cup 16oz Foam 🪙 58.64
  • Turnip - Wax 🪙 46.51
  • Hinge W Undercut 🪙 41.58
  • Coconut - Shredded, Unsweet 🪙 38.4
  • Coffee - French Vanilla Frothy 🪙 15.39
  • Straws - Cocktale 🪙 70.69
  • Cheese Cloth No 100 🪙 49.55
  • Tart - Butter Plain Squares 🪙 99.54
  • Chickensplit Half 🪙 85.75
  • Bread - Corn Muffaletta 🪙 67.95
  • Halibut - Fletches 🪙 52.52
  • Cinnamon Rolls 🪙 21.75
  • Lettuce - Escarole 🪙 93.25
  • Water - Spring Water 500ml 🪙 51.9
  • Gelatine Leaves - Bulk 🪙 50.27
  • Onions - Dried, Chopped 🪙 6.86
  • Ecolab Crystal Fusion 🪙 49.43
  • Grapefruit - White 🪙 12.24
  • Octopus - Baby, Cleaned 🪙 29.76
  • Beef - Tenderloin 🪙 49.36
  • Cookies Oatmeal Raisin 🪙 56.17
  • Beef Tenderloin Aaa 🪙 93.43
  • Momiji Oroshi Chili Sauce 🪙 25.9
  • Juice - Propel Sport 🪙 26.08
  • Sponge Cake Mix - Chocolate 🪙 31.02
  • Pasta - Agnolotti - Butternut 🪙 51.31
  • Ice Cream - Super Sandwich 🪙 53.63
  • Syrup - Monin - Blue Curacao 🪙 16.7
  • Cod - Salted, Boneless 🪙 88.7
  • Crab - Soft Shell 🪙 59.07
  • Lemon Grass 🪙 32.83
  • Soup - Campbells Chicken 🪙 74.11
  • Quail - Jumbo Boneless 🪙 44.44
  • Urban Zen Drinks 🪙 91.94
  • Daves Island Stinger 🪙 22.02
  • Oil - Cooking Spray 🪙 63.76
  • Onions - Dried, Chopped 🪙 6.24
  • Dip - Tapenade 🪙 68.71
  • Carbonated Water - Cherry 🪙 96.25
  • Vinegar - Tarragon 🪙 88.34
  • Bar - Granola Trail Mix Fruit Nut 🪙 43.28
  • Cheese Cheddar Processed 🪙 15.64
  • Mussels - Cultivated 🪙 85.52
  • Straw - Regular 🪙 4.4
  • Wine - Periguita Fonseca 🪙 9.76
  • Flour - Semolina 🪙 10.62
  • Cake - Cheese Cake 9 Inch 🪙 49.48
  • Vacuum Bags 12x16 🪙 11.06
  • Cookie Choc 🪙 6.37
  • Island Oasis - Banana Daiquiri 🪙 58.46

Avanced

<script lang="ts">
    import type { Datahandler } from '@vincjo/datatables'
    export let handler: DataHandler

    // calc area from 'width' and 'length' properties
    const calc = handler.createCalculation((row) => row.width * row['length'])

    // set the number of decimal (default = 2)
    calc.setPrecision(3)

    // conversion to yd²
    const sum = calc.sum((values) => values.map((value: number) => value *  1.196))
</script>

<h1>Total area: {$sum} yd²</h1>
  • 53 Mariners Cove Place ↔ 35.258m
    ↕ 97.617m
  • 811 Tennessee Parkway ↔ 14.634m
    ↕ 53.736m
  • 0980 Schmedeman Court ↔ 12.787m
    ↕ 20.361m
  • 927 Becker Parkway ↔ 74.844m
    ↕ 56.882m
  • 4409 Gina Parkway ↔ 14.896m
    ↕ 75.769m
  • 9547 Northland Lane ↔ 82.735m
    ↕ 30.321m
  • 8 Drewry Terrace ↔ 81.082m
    ↕ 83.739m
  • 63 Merchant Street ↔ 67.309m
    ↕ 73.555m
  • 94637 Boyd Lane ↔ 98.116m
    ↕ 35.037m
  • 09 Basil Plaza ↔ 80.235m
    ↕ 22.433m
  • 476 Lien Court ↔ 81.901m
    ↕ 51.66m
  • 7 Mcguire Alley ↔ 67.02m
    ↕ 82.925m
  • 05 Banding Court ↔ 41.216m
    ↕ 81.931m
  • 3 Cottonwood Street ↔ 58.893m
    ↕ 70.325m
  • 6 Mallard Lane ↔ 70.531m
    ↕ 40.614m
  • 564 Bartelt Plaza ↔ 75.773m
    ↕ 64.168m
  • 4402 Almo Park ↔ 58.397m
    ↕ 91.368m
  • 72 Sloan Point ↔ 91.94m
    ↕ 61.362m
  • 57 Hayes Street ↔ 90.838m
    ↕ 87.575m
  • 34 Dayton Hill ↔ 71.643m
    ↕ 33.294m
  • 422 Dunning Avenue ↔ 71.942m
    ↕ 39.864m
  • 149 3rd Terrace ↔ 82.733m
    ↕ 17.876m
  • 501 Cherokee Crossing ↔ 54.799m
    ↕ 55.125m
  • 0 Green Ridge Point ↔ 97.377m
    ↕ 58.678m
  • 92 Hovde Center ↔ 76.029m
    ↕ 25.81m
  • 0435 Nevada Avenue ↔ 44.193m
    ↕ 90.937m
  • 0 Manley Road ↔ 42.45m
    ↕ 24.977m
  • 64 Service Circle ↔ 66.519m
    ↕ 12.644m
  • 2 Cordelia Point ↔ 47.431m
    ↕ 84.918m
  • 7711 Cody Parkway ↔ 11.315m
    ↕ 84.097m
  • 88988 Fair Oaks Point ↔ 95.393m
    ↕ 58.08m
  • 87 Schmedeman Place ↔ 79.288m
    ↕ 54.087m
  • 6 Fairfield Place ↔ 29.72m
    ↕ 32.508m
  • 80 Springview Point ↔ 90.561m
    ↕ 61.417m
  • 76945 Dixon Court ↔ 98.176m
    ↕ 39.474m
  • 18204 Little Fleur Circle ↔ 64.097m
    ↕ 26.934m
  • 0 Golden Leaf Way ↔ 44.514m
    ↕ 32.581m
  • 012 Hazelcrest Alley ↔ 62.798m
    ↕ 36.365m
  • 6 Independence Parkway ↔ 41.38m
    ↕ 95.573m
  • 73549 Troy Pass ↔ 50.325m
    ↕ 31.043m
  • 31438 Shoshone Drive ↔ 71.819m
    ↕ 71.96m
  • 8 Oneill Circle ↔ 62.753m
    ↕ 99.179m
  • 0896 Norway Maple Avenue ↔ 63.554m
    ↕ 39.725m
  • 793 Anderson Avenue ↔ 19.083m
    ↕ 75.859m
  • 50 Claremont Hill ↔ 94.505m
    ↕ 33.978m
  • 9 Fairfield Center ↔ 67.391m
    ↕ 24.623m
  • 15 Harbort Parkway ↔ 55.223m
    ↕ 54.434m
  • 80644 Orin Trail ↔ 93.692m
    ↕ 26.559m
  • 0390 Express Drive ↔ 85.953m
    ↕ 61.522m
  • 93758 Pierstorff Parkway ↔ 86.91m
    ↕ 13.286m