MDBDataTable: как добавить кнопку в столбце, когда данные представляют собой файл json? - PullRequest
Новая
       14

MDBDataTable: как добавить кнопку в столбце, когда данные представляют собой файл json?

0 голосов
/ 09 апреля 2020

У меня есть MDBTable, который выглядит следующим образом: 

//import things
const DatatablePage = () => {
    const data = {
        columns: [
            {
                label: 'Stock Code',
                field: 'StockCode',
                sort: 'asc',
                width: 150
            },
            {
                label: 'Item Description',
                field: 'ItemDes',
                sort: 'asc',
                width: 270
            },
            {
                label: 'Unit Price',
                field: 'UnitPrice',
                sort: 'asc',
                width: 200,
            },
            {
                label: 'In Stock',
                field: 'QUANTITY',
                sort: 'asc',
                width: 100
            },
            {
                label: 'Add to Cart',
                field: null,
                sort: 'asc',
                width: 150
            }
        ],
        rows: table
    };

    return (
        <MDBDataTable
            striped
            bordered
            small
            hover
            theadColor="blue lighten-1"
            data={data}
            btn
            className="blueTable"
        />
    );
}

export default DatatablePage;

Файл JSON выглядит следующим образом (один пример, например): 

[{"StockCode":"72800B","ItemDes":"4 PURPLE FLOCK DINNER CANDLES","UnitPrice":2.55,"QUANTITY":17},..]

Я хочу колонка "Добавить в корзину", чтобы иметь кнопку MDB. Как я могу это сделать? Я искал все выше и ниже и обнаружил, что мне нужно вставить этот MDBButton в файл JSON для каждого объекта. Есть ли другой способ?

...