function initTableDialog() {
    $("#dialog").dialog({
        autoOpen: false,
        resizable: true,
        modal: true,
        height: 550,
        width: 650,
        buttons: {
            "OK": function () {
                generateTable();
            },
            "Add Row": function () {
                addRow();
            },
            "Add Col": function () {
                addCol();
            },
            "Del Row": function () {
                delRow();
            },
            "Del Col": function () {
                delCol();
            }
        },
        resizeStop: function (event, ui) {
            $('#dialog').css('width', '100%');
        }
        
    });

    $("#tableButton").click(function () { // event to open this dialog.
        $("#dialog").dialog("open");
    });
}
/**
 * Function initialize dialog for creating tables and set event to #tableButton.
 */
Function initialize dialog for creating tables and set event to #tableButton.
Function initialize dialog for creating tables and set event to #tableButton .
function initTableDialog() {
    $("#dialog").dialog({
        autoOpen: false,
        resizable: true,
        modal: true,
        height: 550,
        width: 650,
        buttons: {
            "OK": function () {
                generateTable();
            },
            "Add Row": function () {
                addRow();
            },
            "Add Col": function () {
                addCol();
            },
            "Del Row": function () {
                delRow();
            },
            "Del Col": function () {
                delCol();
            }
        },
        resizeStop: function (event, ui) {
            $('#dialog').css('width', '100%');
        }
    });
    $("#tableButton").click(function () { 
        $("#dialog").dialog("open");
    });
}
function initTableDialog ( ) { $ ( "#dialog" ) . dialog ( { autoOpen : false , resizable : true , modal : true , height : 550 , width : 650 , buttons : { "OK" : function ( ) { generateTable ( ) ; } , "Add Row" : function ( ) { addRow ( ) ; } , "Add Col" : function ( ) { addCol ( ) ; } , "Del Row" : function ( ) { delRow ( ) ; } , "Del Col" : function ( ) { delCol ( ) ; } } , resizeStop : function ( event , ui ) { $ ( '#dialog' ) . css ( 'width' , '100%' ) ; } } ) ; $ ( "#tableButton" ) . click ( function ( ) { $ ( "#dialog" ) . dialog ( "open" ) ; } ) ; }
Function initialize dialog for creating tables and set event to #tableButton.
Function initialize dialog for creating tables and set event to #tableButton .
// event to open this dialog.