Push the last data grid row to the bottom of the grid

Question

I'm trying to make a summary footer for the datagrid that will display a totals or summation of all the values in all rows of specific columns. Unfortunately, it's not supported in Clarity datagrid. There is a workaround as mentioned in the comments in this github issue: #2809. However, my goal is to have the summary row/footer sit/anchored to the bottom of the grid. Is there a way to do it via css to push the last row to the bottom of the grid?

Actual: From the Stackblitz provided in the github issue

_{(source: imgbbb.com)}

Expected:

_{(source: imgbbb.com)}

Answer 1

With Css You can do the following

#total {
  border-top-style: dashed;
  margin-top: 50%;
 }