SortAndToggleButton.js

<script src="sorttable.js"></script>
<script src="Scripts/jquery-1.3.2.js"
    type="text/javascript"></script>

<script>

    table1 = "hyperTable";
    holder1 = "hyperButtonHolder";
    table2 = "hostTable";
    holder2 = "hostButtonHolder";
    table3 = "pathsTable";
    holder3 = "pathsButtonHolder";

    function initialSorting() {
        // Initial sorting on hostname
        sorttable.innerSortFunction.apply(document.getElementById('hostnameHV'), [])
        sorttable.innerSortFunction.apply(document.getElementById('hostname'), [])
        sorttable.innerSortFunction.apply(document.getElementById('hostnamePathing'), [])
    }

    function makeButtons(tableName, holderName){

        var tableWidth = document.getElementById(tableName).rows[0].cells.length;   // width of the table
        var tableHolder = document.getElementById(tableName).rows[0].cells;         // holds the column headers
        var stringIdentity = document.getElementById(tableName);                    // holds a string with the table name

        //make buttons for each column
        for (var i = 1; i < tableWidth; i++) {
            //make buttons
            document.getElementById(holderName).innerHTML+=('<input type="button" id="removeColButton'+i+'" value="'+tableHolder[i].innerHTML+'" onclick="removeCol('+(i+1)+', '+tableName+')"/>');

        }
    }

    function removeCol(columnNum, chosenTable) {

        var input = parseInt(columnNum); // turns columnNum into an int
        var idHolder = chosenTable.id;   // stores id of table

        // if hidden; show. if shown; hide
        $('#'+idHolder+' th:nth-child('+input+'),#'+idHolder+' td:nth-child('+input+')').toggle();
    }

</script>