function first() { 
    var orderdetailsurl = "data.php";
            var ordersSource =
            {
                dataFields: [
				    { name: 'C', type: 'int' },
                    { name: 'name', type: 'string' },
                    { name: 'Guid', type: 'string' }
                    
                ],
                root: "data",
                dataType: "json",
                id: 'C',
                url: 'disc_data.php',
                addRow: function (rowID, rowData, position, commit) {
                    commit(true);
                },
                updateRow: function (rowID, rowData, commit) {
                    commit(true);
                },
                deleteRow: function (rowID, commit) {
                    commit(true);
                }
            };
            var dataAdapter = new $.jqx.dataAdapter(ordersSource, {
                downloadComplete: function (data, status, xhr) { 
				//alert('!'); 
				},
                loadComplete: function (data) { 
				//alert('!!');
				},
                loadError: function (xhr, status, error) { alert(xhr);}
				});
            $("#main").jqxDataTable(
            {
                source: dataAdapter,//dataAdapter, //ordersSource
                
                pageable: true,
                showToolbar: true,
                altRows: true,
                ready: function()
                {
                    // called when the DataTable is loaded.         
                    $("#id1").jqxInput({disabled: true, width: 150, height: 30 });
                    ... 
                  

                   
					
					
                },
                pagerButtonsCount: 8,
                toolbarHeight: 35,
                renderToolbar: function(toolBar)
                {
                    var toTheme = function (className) {
                        if (theme == "") return className;
                        return className + " " + className + "-" + theme;
                    }
                    // appends buttons to the status bar.
                    var container = $("<div style='overflow: hidden; position: relative; height: 100%; width: 100%;'></div>");
                    var buttonTemplate = "<div style='float: left; padding: 3px; margin: 2px;'><div style='margin: 4px; width: 16px; height: 16px;'></div></div>";
                    var addButton = $(buttonTemplate);
                    container.append(addButton);
                    toolBar.append(container);
                    addButton.jqxButton({cursor: "pointer", enableDefault: false,  height: 25, width: 25 });
                    addButton.find('div:first').addClass(toTheme('jqx-icon-plus'));
                    addButton.jqxTooltip({ position: 'bottom', content: "Add"});

                    var rowIndex = null;
                    addButton.click(function (event) {
                        if (!addButton.jqxButton('disabled')) {
							
                             alert('!');

                        }
                    });
                },
                columns: [
                  { text: 'C', editable: false, dataField: 'C', width: 200, hidden: true },
                  { text: 'name', editable: false,dataField: 'name', cellsFormat: 'f', cellsAlign: 'right', align: 'right', width: 200},
                  { text: 'Guid', dataFieldd: 'Guid', editable: false,  width: 200} //dataField: 'C',
              ]
            });
         }

//</script>