ok
Mini Shell
<?php (defined('BASEPATH')) OR exit('No direct script access allowed'); ?>
<style>
tbody{
font-size: 17px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
var table = $('#CuData').DataTable({
'ajax' : { url: '<?=site_url('suppliers/get_suppliers');?>', type: 'POST', "data": function ( d ) {
d.<?=$this->security->get_csrf_token_name();?> = "<?=$this->security->get_csrf_hash()?>";
}},
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ] } },
{ extend: 'colvis', text: 'Columns'},
],
"pageLength": 25,
"columns": [
{ "data": "id", "visible": false },
{ "data": "name" },
{ "data": "phone" },
{ "data": "cf1" },
{ "data": "cf2" },
{ "data": "bank_details" },
{ "data": "email" },
{ "data": "Actions", "searchable": false, "orderable": false }
]
});
$('#search_table').on( 'keyup change', function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (((code == 13 && table.search() !== this.value) || (table.search() !== '' && this.value === ''))) {
table.search( this.value ).draw();
}
});
});
</script>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box box-primary">
<div class="box-header">
<a href="suppliers/add" class="btn btn-success btn-sm pull-right">Add Suppliers</a>
<h3 class="box-title"><?= lang('list_results'); ?></h3>
</div>
<div class="box-body">
<div class="table-responsive">
<table id="CuData" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<td colspan="8" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="<?= lang('type_hit_enter'); ?>" style="width:100%;"></td>
</tr>
<tr>
<th style="max-width:30px;"><?= lang("id"); ?></th>
<th><?= lang("name"); ?></th>
<th><?= lang("phone"); ?></th>
<th>Address</th>
<th>Gpay Number</th>
<th style="max-width:200px;">Bank Details</th>
<th><?= lang("email_address"); ?></th>
<th style="width:65px;"><?= lang("actions"); ?></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="8" class="dataTables_empty"><?= lang('loading_data_from_server') ?></td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</section>
Zerion Mini Shell 1.0