[Table] Multiple buttons per table column

[Josh-Spotswood]

Tradeshift UI version affected

v9.2.0

Expected Behavior

Table component should be able to handle more than one button per column.

Actual Behavior

Table component is limited to one button per column.

Steps to reproduce

Add an array with an extra button to the table column value like so:

        table.cols([
            'Number of Suppliers',
            'Number of Invoices',
            { label: 'Actions', width: 150 }
        ]);

        table.rows(
            collections.map(collection => [
            collection.totalSupplierCount,
            collection.totalInvoices,
            [{
                item: 'Button',
                label: t('View All Invoices'),
                type: 'ts-tertiary ts-micro',
                name: 'view-details',
                value: {
                    collectionDate: collection.collectionDate
                }
            },{
                item: 'Button',
                label: t('Download Invoices'),
                type: 'ts-tertiary ts-micro',
                name: 'download-details',
                value: {
                    collectionDate: collection.collectionDate
                }
            }])
        );

Screenshots (optional)

---

Feature request

Description of feature

Example use cases and/or Prototype links

Designs and/or Prototype screenshots

Currently with one button:

Currently with a button array:

Using a work around:

[wiredearp]

This is yet another often requested feature as witnessed in https://github.com/Tradeshift/tradeshift-ui/issues/537 and https://github.com/Tradeshift/tradeshift-ui/issues/570, so this issue is certainly valid even if it is a duplicate.