[Table] Add summary feature

[kiaking]

It would be cool add summary row in the table. Looks like this (The "Total" row).

API

This field doesn't have to be auto calculated. Since we could get this data from the server side for example. So, at least for the start, we can create this records manually. So, maybe we could add summary field?

const table = useTable({
  orders: [...],
  columns: { ... },

  summary: {
    name: 'Total',
    type: null,
    estTotalAmount: '267,870.10',
    acqShares: 'N/A',
    acpTotalAmount: '20,500.00',
  }
})

The summary should use the settings defined on columns as same as other field. Except that by default, it will set font-weight: 600 as a style. Other than that it should work as same as normal records.

Keep in mind

The row should be appended right after the normal records so that it gets horizontal scrolling.