EVOLUTION-NINJA

Edit File: dashboard_booking_layout_list.php

<?php $this->load->view('includes/header.php')?>

<div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item">Booking Customer List</li>
        </ol>
        </div> 
      </div> 
      </div>
    </div>
   <div class="row">
   	  
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
            <a href="<?php echo site_url('dashboard');?>"><button type="button" class="btn btn-sm btn-primary">Back</button></a>
          <div class="form-check-inline">
            <label class="form-check-label">
              Booking Customer List
            </label>
          </div>
         <div id="approved_sales">
          <div id ="jaytab3" style="margin-top:3%" class="grid table-responsive">
          <table id="list5"></table>
          <div id="pager5"></div>
          <div id="dialogSelectRow" title="Warning" style="display:none">
          <p>Please select row</p>
          </div>
          </div>
        </div>
        </div>
      </div>
    </div>
  </div>
</div>

#pager2_left
{
	display: none !important;
}

#pager2_center
{
	padding-left: 350px !important;
}			
.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
#FrmGrid_list2
{
	width: 100% !important;
}
.ui-jqdialog .ui-jqdialog-titlebar
{
	height: 29px !important;
	background-color: #001a00;
	color: white;
	padding-left: 10px;
}
.fm-button
{
	height: 21px !important;
	padding: 1px;					
	margin-right: 10px !important;
	height: 21px !important;				    
    width: 43%;
    margin-top: -7px !important;
}
.ui-jqdialog-content td.navButton {
	padding-top: 12px !important;
}
.ui-jqgrid .ui-jqgrid-titlebar
{
	height: 27px !important;
	/*background:#1e7ad7 !important;*/
	color:white !important;
}
.ui-jqgrid-bdiv
{
	height: auto !important;
	
}
.ui-widget-overlay
{
	z-index:0 !important;
}
.ui-widget-header
{
/*background: #1e7ad7 !important;*/
}
.ui-jqgrid-hdiv ui-state-default
{
//width: 873px !important; 
cursor: default!important
}
ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
{
border: 1px solid #fed22f;
background: #ffe45c;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	font-weight: bold;
	color: black;
}
.ui-jqgrid .ui-jqgrid-bdiv {
//overflow-y: scroll;
//overflow-x: scroll ;
//width: 100% !important;
}

.ui-jqgrid-htable{
	//width: 100% !important;
}
#list2{
	//width: 100% !important;
}
.ui-jqgrid-hdiv {
	//width: 100% !important;
}

@media only screen and (min-width:320px) and (max-width:640px)
{
	#jaytab {
		width: 1100px !important;
		overflow-x: scroll !important;
	}
	.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
		//width: 900px !important;
	}
	.ui-jqgrid-view  {
		//width: 900px !important;
	}
	.ui-jqgrid-hdiv {
		//width: 900px !important;
	}
	.ui-jqgrid-htable {
		width: 900px !important;
	}
	.ui-jqgrid-bdiv {
		width: 900px !important;
	}
	#list2 {
		width: 900px !important;
	}
	#pager2 {
		width: 900px !important;
	}
	.subgrid-data {
		width: 1100px !important;
		overflow-x: scroll !important;
	}
	.table-responsive {
		border: transparent;
	}
	.ui-jqgrid {
		background-color: #ecf0f5;
		border: 1px solid #ecf0f5 !important;
		border-radius: 0px !important;
	}
	#myTable {
        overflow-x: scroll;
        width: 1200px;
	}
}
@media only screen and (min-width:641px) and (max-width:991px)
{
	#jaytab {
		width: 1100px !important;
		overflow-x: scroll !important;
	}
	.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
		//width: 900px !important;
	}
	.ui-jqgrid-view  {
		width: 900px !important;
	}
	.ui-jqgrid-hdiv {
		width: 900px !important;
	}
	.ui-jqgrid-htable {
		width: 900px !important;
	}
	.ui-jqgrid-bdiv {
		width: 900px !important;
	}
	#list2 {
		width: 900px !important;
	}
	#pager2 {
		width: 900px !important;
	}
	.subgrid-data {
		width: 1100px !important;
		overflow-x: scroll !important;
	}
	.table-responsive {
		border: transparent;
	}
	.ui-jqgrid {
		background-color: #ecf0f5;
		border: 1px solid #ecf0f5 !important;
		border-radius: 0px !important;
	}
    
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
	border: 1px solid #555;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #555;
}
table.table-bordered th:last-child, table.table-bordered td:last-child {
	border-right: 1px solid #555;
}
	
</style>

jQuery("#list5").jqGrid({
    url:"<?php echo site_url('get-dashboard-booking-layout-list')?>",   
  mtype : "get",   
  datatype: "json", 
   
    colNames:['id','Layout Name'/*,'Site No'*/,'Total Counts'],
    colModel:[
              {name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
              {name:'layout_name',index:'layout_name', width:100,editable:false},
              /*{name:'site_no',index:'site_no', width:100,editable:false},*/
              {name:'total_site',index:'total_site', width:100,editable:false},
            ],

rowNum:20,
          rowTotal: 2000,
          rowList : [20,30],
          rownumbers: true,
          //rownumWidth: 60,
          pager:"#pager5", 
          sortname:'id', 
          viewrecords: true,
          gridview: true,
          autowidth: true,
          sortorder:"asc",
          shrinkToFit: true,
          loadonce:true,
          autoencode: true,
          caption:"Booking Customer List",
          //Subgrid1...
          subGrid: false,

});

$("#list5").jqGrid("setLabel", "rn", "SL");
    $("#list5").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list5").jqGrid('navGrid','#pager5',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
          { },
          { }, 
      {
          sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
            closeOnEscape: true, 
              multipleSearch: true, 
              closeAfterSearch: true,
              closeAfterDelete:true,
              closeAfterEdit:true
               },

);

</script>

background-color: transparent;

border: 1px solid transparent;

line-height: 1.6;

text-align: justify;

}

.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {

border-color: #FF0000;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);

}
.modal-content{
  width: 150%;
  background: aliceblue;
</style>
<?php $this->load->view('includes/footer.php')?>