Last active
June 14, 2020 19:55
-
-
Save gridphp/20874faa3ed09986150501fb145e4705 to your computer and use it in GitHub Desktop.
Integration with MDBootstrap CSS, https://www.gridphp.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/** | |
* PHP Grid Component | |
* | |
* @author Abu Ghufran <gridphp@gmail.com> - http://www.phpgrid.org | |
* @version 2.0.0 | |
* @license: see license.txt included in package | |
*/ | |
include_once("../../config.php"); | |
include(PHPGRID_LIBPATH."inc/jqgrid_dist.php"); | |
// Database config file to be passed in phpgrid constructor | |
$db_conf = array( | |
"type" => PHPGRID_DBTYPE, | |
"server" => PHPGRID_DBHOST, | |
"user" => PHPGRID_DBUSER, | |
"password" => PHPGRID_DBPASS, | |
"database" => PHPGRID_DBNAME | |
); | |
$g = new jqgrid($db_conf); | |
$opt = array(); | |
$opt["hidefirst"] = true; | |
$g->set_options($opt); | |
$g->table = "clients"; | |
$out = $g->render("list1"); | |
?> | |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<title>Material Design Bootstrap</title> | |
<!-- Font Awesome --> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> | |
<!-- Bootstrap core CSS --> | |
<link href="css/bootstrap.min.css" rel="stylesheet"> | |
<!-- Material Design Bootstrap --> | |
<link href="css/mdb.min.css" rel="stylesheet"> | |
<!-- Your custom styles (optional) --> | |
<link href="css/style.css" rel="stylesheet"> | |
<link rel="stylesheet" type="text/css" media="screen" href="../../lib/js/themes/material/jquery-ui.custom.css" /> | |
<link rel="stylesheet" type="text/css" media="screen" href="../../lib/js/jqgrid/css/ui.jqgrid.bs.css" /> | |
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> | |
<script src="../../lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></script> | |
</head> | |
<body> | |
<!--Navbar--> | |
<nav class="navbar navbar-expand-lg navbar-dark primary-color"> | |
<!-- Navbar brand --> | |
<a class="navbar-brand" href="#">Navbar</a> | |
<!-- Collapse button --> | |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" | |
aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation"> | |
<span class="navbar-toggler-icon"></span> | |
</button> | |
<!-- Collapsible content --> | |
<div class="collapse navbar-collapse" id="basicExampleNav"> | |
<!-- Links --> | |
<ul class="navbar-nav mr-auto"> | |
<li class="nav-item active"> | |
<a class="nav-link" href="#">Home | |
<span class="sr-only">(current)</span> | |
</a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link" href="#">Features</a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link" href="#">Pricing</a> | |
</li> | |
<!-- Dropdown --> | |
<li class="nav-item dropdown"> | |
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" | |
aria-haspopup="true" aria-expanded="false">Dropdown</a> | |
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink"> | |
<a class="dropdown-item" href="#">Action</a> | |
<a class="dropdown-item" href="#">Another action</a> | |
<a class="dropdown-item" href="#">Something else here</a> | |
</div> | |
</li> | |
</ul> | |
<!-- Links --> | |
<form class="form-inline"> | |
<div class="md-form my-0"> | |
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"> | |
</div> | |
</form> | |
</div> | |
<!-- Collapsible content --> | |
</nav> | |
<!--/.Navbar--> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-12"> | |
<div class="d-inline-flex mt-2"> | |
<!-- Provides extra visual weight and identifies the primary action in a set of buttons --> | |
<button type="button" class="btn btn-primary">Primary</button> | |
<!-- Default button --> | |
<button type="button" class="btn btn-default">Default</button> | |
<!-- Secondary button --> | |
<button type="button" class="btn btn-secondary">Secondary</button> | |
<!-- Indicates a successful or positive action --> | |
<button type="button" class="btn btn-success">Success</button> | |
<!-- Contextual button for informational alert messages --> | |
<button type="button" class="btn btn-info">Info</button> | |
<!-- Indicates caution should be taken with this action --> | |
<button type="button" class="btn btn-warning">Warning</button> | |
<!-- Indicates a dangerous or potentially negative action --> | |
<button type="button" class="btn btn-danger">Danger</button> | |
</div> | |
<div style="margin-top:20px;"> | |
<?php echo $out?> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- SCRIPTS --> | |
<!-- JQuery --> | |
<!-- Bootstrap tooltips --> | |
<script type="text/javascript" src="js/popper.min.js"></script> | |
<!-- Bootstrap core JavaScript --> | |
<script type="text/javascript" src="js/bootstrap.min.js"></script> | |
<!-- MDB core JavaScript --> | |
<script type="text/javascript" src="js/mdb.min.js"></script> | |
<!-- <script src="../../lib/js/jquery.min.js" type="text/javascript"></script> --> | |
<script src="../../lib/js/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script> | |
<script src="../../lib/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment