// Close database connection $conn->close();
Do you need , or is client-side sorting sufficient? Share public link
A PHP script queries your database (like MySQL) and returns the result as json_encode($data) .
// Number and date filters would be added here
<!DOCTYPE html> <html> <head> <title>AG Grid PHP Example</title> <script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js"></script> <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css"> <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css"> </head> <body> <div id="grid" style="height: 200px; width: 400px;" class="ag-theme-balham"></div> <script> // Fetch data from PHP script fetch('grid.php') .then(response => response.json()) .then(data => // Create AG Grid const gridOptions = columnDefs: [ field: 'name' , field: 'email' , field: 'department' ], rowData: data ;
) .then(response => response.json()) .then(data => gridApi.setGridOption( Use code with caution. Copied to clipboard 3. Backend Data Source (PHP) script serves as the API. Ensure you set the correct Content-Type header so the browser interprets it as JSON. query( "SELECT id, name, email FROM users" ); $results = $stmt->fetchAll(PDO::FETCH_ASSOC); // Output JSON for AG Grid json_encode($results); (PDOException $e) json_encode([ => $e->getMessage()]);
// Close database connection $conn->close();
Do you need , or is client-side sorting sufficient? Share public link aggrid php example updated
A PHP script queries your database (like MySQL) and returns the result as json_encode($data) . // Close database connection $conn->close(); Do you need
// Number and date filters would be added here Copied to clipboard 3
<!DOCTYPE html> <html> <head> <title>AG Grid PHP Example</title> <script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js"></script> <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css"> <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css"> </head> <body> <div id="grid" style="height: 200px; width: 400px;" class="ag-theme-balham"></div> <script> // Fetch data from PHP script fetch('grid.php') .then(response => response.json()) .then(data => // Create AG Grid const gridOptions = columnDefs: [ field: 'name' , field: 'email' , field: 'department' ], rowData: data ;
) .then(response => response.json()) .then(data => gridApi.setGridOption( Use code with caution. Copied to clipboard 3. Backend Data Source (PHP) script serves as the API. Ensure you set the correct Content-Type header so the browser interprets it as JSON. query( "SELECT id, name, email FROM users" ); $results = $stmt->fetchAll(PDO::FETCH_ASSOC); // Output JSON for AG Grid json_encode($results); (PDOException $e) json_encode([ => $e->getMessage()]);