What I am expecting to happen is that whenever I filter the datatable or paginate the table, the format function on the tables cell to run and change the color based on what is shown. I thought maybe I was doing something wrong, but I see it also does it on your example of the datatable cells format

It seems the color gets rendered onto the cells style attribute the first time around, but then never happens again whenever the table is re-rendered or filtered or anything. I believe this might be a bug in your datatable, but I could be wrong.

{
    label: 'Status',
    field: 'status',
    format: function (cell, value) {
        switch (value) {
            case 'Draft':
                cell.style.backgroundColor = 'rgba(23, 162, 184, 0.8)';
                break;
            case 'Submitted For Approval':
                cell.style.backgroundColor = 'rgba(255, 193, 7, 1)';
                break;
            case 'Awaiting Approval':
                cell.style.backgroundColor = 'rgba(253, 126, 20, 0.8)';
                break;
            case 'Approved':
                cell.style.backgroundColor = 'rgba(0, 123, 255, 0.8)';
                break;
            case 'Rejected':
                cell.style.backgroundColor = 'rgba(220, 53, 69, 0.8)';
                break;
            case 'Awaiting Invoice':
                cell.style.backgroundColor = 'rgba(149, 53, 83, 0.8)';
                break;
            case 'Invoice(s) Received':
                cell.style.backgroundColor = 'rgba(40, 167, 69, 0.5)';
                break;
            case 'Complete':
                cell.style.backgroundColor = 'rgba(40, 167, 69, 1)';
                break;
            default:
                cell.style.backgroundColor = 'transparent';
                break;
        }

        cell.style.color = 'white';
        cell.style.textAlign = 'start';
    },
},