I'm not sure how to solve my problem
let numbers = [{ num: 36 }, { num: 85 }, { num: 41 }, { num: 53 }];
$("#jsgrid").jsGrid({
width: "100%",
data: numbers,
fields: [{ name: "num", type: "number", width: 50 }, { name: "num", type: "number", width: 50 }]
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
<div id="jsgrid"></div>
At the end of the table, I would like to add a new row. This includes the sum for the first column. Next is the average. Also, I would like to paint this row green.
Thanks :)