createTable

function tableBuilder(selector) {
    function deleteItems() {
        $(this).parent().parent().remove()
    }
    function clearContent(selector,htmlHeading) {
        ($(selector).children()).replaceWith(htmlHeading);
    }
    return {
        createTable: function createTable(columnNames) {
            let htmlHeading = $('<table>');
            let tr = $('<tr>');
            htmlHeading.append(tr);
            for (let names of columnNames) {
                let th = $('<th>').text(names);
                th.appendTo(tr);
            }
            let actionTh = $('<th>');
            actionTh.text('Action');
            actionTh.appendTo(tr);
            clearContent(selector,htmlHeading);
        },
        fillData: function fillData(dataRows) {
            let dataRow = $('<tr>');
            for (let row = 0; row < dataRows.length; row++) {
                for (let col = 0; col < dataRows[row].length; col++) {
                    let td = $('<td>').text(dataRows[row][col]);
                    dataRow.append(td);
                }
                let tableData = $('<td>');
                let deleteBtn = $('<button>Delete</button>').on('click',(deleteItems));
                deleteBtn.appendTo(tableData);
                dataRow.append(tableData);
                $('table').append(dataRow);
                dataRow = $('<tr>');
            }
        }
    };
}