<script>
    var tableOptions= {
        tableId: 'table1',
        tableTitle: true,
        tableTitleOptions: { 
            tableTitleValue: 'Daily revenue (K)',
        },
        searchBar: true, 
        pagation: true, 
        pagationLimit: 5, 
        tableStyle: {
            tableBackground: 'white',
            headerBackground: '#457B9D', 
            headerTextColor: 'F1FAEE',
            tableRowTextColor: '#457B9D', 
            pagationButtonTextColor: '#457B9D',
            pagationTextColor: '#457B9D',
            tableShadow: 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px',
        },
    };
    nfTableFomat(tableOptions);
</script>

<script>
    var tableOptions= {
        tableId: 'table2',
        columnFiltering: false,
        colWidth: ['15%', '45%', '20%' , '20%'],
        sortingEnabled: false,
        tableStyle: {
            tableBackground: 'white',
            tableShadow: 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px',
        },
    };
    nfTableFomat(tableOptions);
</script>

<script>
    var tableOptions= {
        tableId: 'table3',
        columnFiltering: false, 
        tableStyle: {
            tableBackground: 'white',
            tableBorder: '#ee6c4d solid 1px',
            headerBackground: '#ee6c4d',
           headerTextColor: 'e0fbfc',
           tableShadow: 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px',
        },
    };
    nfTableFomat(tableOptions);
</script>

<script>
    var tableOptions= {
        tableId: 'table3',
        sortingEnabled: false,
        tableStyle: {
            tableBackground: 'white',
            tableBorder: '#ee6c4d solid 1px',
            headerBackground: '#ee6c4d',
           headerTextColor: 'e0fbfc',
           tableShadow: 'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px',
        },
    };
    nfTableFomat(tableOptions);
</script>