jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

DataTable Issue resolved

pull/830/head
sunny kushwaha 2019-10-30 16:59:13 +05:30
parent c639b2b454
commit 39686fc5ae
5 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
production/index3.html
View File

@ -287,8 +287,8 @@
<div class="col-md-3 col-sm-3 tile"> <div class="col-md-3 col-sm-3 tile">
<span>Total Sessions</span> <span>Total Sessions</span>
<h2>231,809</h2> <h2>231,809</h2>
<span class="sparkline_two" style="height: 160px;"> <span class="sparkline_one" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas> <canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 125px;"></canvas>
</span> </span>
</div> </div>
<div class="col-md-3 col-sm-3 tile"> <div class="col-md-3 col-sm-3 tile">
@ -470,9 +470,9 @@
</th> </th>
</tr> </tr>
<tr> <tr>
<td> <td>
<canvas id="canvas1" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas> <canvas class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas>
</td> </td>
<td> <td>
<table class="tile_info"> <table class="tile_info">
<tr> <tr>

10
production/tables_dynamic.html
View File

@ -315,7 +315,7 @@
<p class="text-muted font-13 m-b-30"> <p class="text-muted font-13 m-b-30">
DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code> DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code>
</p> </p>
<table id="datatable" class="ztable table-striped table-bordered" style="width:100%"> <table id="datatable" class="table table-striped table-bordered" style="width:100%">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
@ -814,7 +814,7 @@
<p class="text-muted font-13 m-b-30"> <p class="text-muted font-13 m-b-30">
DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code> DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: <code>$().DataTable();</code>
</p> </p>
<table id="datatable-checkbox" class="table table-striped table-bordered bulk_action"> <table id="datatable-checkbox" class="table table-striped table-bordered bulk_action" style="width:100%">
<thead> <thead>
<tr> <tr>
<th> <th>
@ -1487,7 +1487,7 @@
<p class="text-muted font-13 m-b-30"> <p class="text-muted font-13 m-b-30">
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built. The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built.
</p> </p>
<table id="datatable-buttons" class="table table-striped table-bordered"> <table id="datatable-buttons" class="table table-striped table-bordered" style="width:100%">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
@ -1986,7 +1986,7 @@
<p class="text-muted font-13 m-b-30"> <p class="text-muted font-13 m-b-30">
This example shows FixedHeader being styling by the Bootstrap CSS framework. This example shows FixedHeader being styling by the Bootstrap CSS framework.
</p> </p>
<table id="datatable-fixed-header" class="table table-striped table-bordered"> <table id="datatable-fixed-header" class="table table-striped table-bordered" style="width:100%">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
@ -2489,7 +2489,7 @@
KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells. KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells.
</p> </p>
<table id="datatable-keytable" class="table table-striped table-bordered"> <table id="datatable-keytable" class="table table-striped table-bordered" style="width:100%">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>

36
src/scss/custom.scss
View File

@ -471,6 +471,8 @@
right: -2px; right: -2px;
top: -8px; top: -8px;
} }
@media (min-width: 480px) { @media (min-width: 480px) {
.nav_menu { .nav_menu {
@ -1456,11 +1458,11 @@ table.jambo_table tbody tr.selected td {
background: #ff0000; background: #ff0000;
} }
.dataTables_wrapper { // .dataTables_wrapper {
position: relative; // position: relative;
clear: both; // clear: both;
zoom: 1; // zoom: 1;
} // }
.dataTables_processing { .dataTables_processing {
position: absolute; position: absolute;
@ -1478,17 +1480,17 @@ table.jambo_table tbody tr.selected td {
background-color: white; background-color: white;
} }
.dataTables_length { // .dataTables_length {
width: auto; // width: auto;
float: left; // float: left;
margin-right: 20px; // margin-right: 20px;
} // }
.dataTables_filter { // .dataTables_filter {
width: 59%; // width: 59%;
float: right; // float: right;
text-align: right; // text-align: right;
} // }
.dataTables_info { .dataTables_info {
width: 60%; width: 60%;
@ -4696,9 +4698,7 @@ ul.notifications {
padding: 9px 0; padding: 9px 0;
border-top: 1px solid #E6E9ED; border-top: 1px solid #E6E9ED;
} }
.form-inline{
display: block;
}
@media (min-width: 360px) and (max-width: 812px){ @media (min-width: 360px) and (max-width: 812px){
.info-number .badge { .info-number .badge {
font-size: 10px; font-size: 10px;

2
vendors/datatables.net-bs/js/dataTables.bootstrap.js vendored
View File

@ -55,7 +55,7 @@ $.extend( true, DataTable.defaults, {
/* Default class modification */ /* Default class modification */
$.extend( DataTable.ext.classes, { $.extend( DataTable.ext.classes, {
sWrapper: "dataTables_wrapper form-inline dt-bootstrap", sWrapper: "dataTables_wrapper container-fluid dt-bootstrap",
sFilterInput: "form-control input-sm", sFilterInput: "form-control input-sm",
sLengthSelect: "form-control input-sm", sLengthSelect: "form-control input-sm",
sProcessing: "dataTables_processing panel panel-default" sProcessing: "dataTables_processing panel panel-default"

2
vendors/datatables.net-bs/js/dataTables.bootstrap.min.js vendored
View File

@ -3,6 +3,6 @@
©2011-2015 SpryMedia Ltd - datatables.net/license ©2011-2015 SpryMedia Ltd - datatables.net/license
*/ */
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d){var f=b.fn.dataTable;b.extend(!0,f.defaults,{dom:"<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",renderer:"bootstrap"});b.extend(f.ext.classes, (function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(a){return b(a,window,document)}):"object"===typeof exports?module.exports=function(a,d){a||(a=window);if(!d||!d.fn.dataTable)d=require("datatables.net")(a,d).$;return b(d,a,a.document)}:b(jQuery,window,document)})(function(b,a,d){var f=b.fn.dataTable;b.extend(!0,f.defaults,{dom:"<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",renderer:"bootstrap"});b.extend(f.ext.classes,
{sWrapper:"dataTables_wrapper form-inline dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sProcessing:"dataTables_processing panel panel-default"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,m,j,n){var o=new f.Api(a),s=a.oClasses,k=a.oLanguage.oPaginate,t=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")}; {sWrapper:"dataTables_wrapper container-fluid dt-bootstrap",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sProcessing:"dataTables_processing panel panel-default"});f.ext.renderer.pageButton.bootstrap=function(a,h,r,m,j,n){var o=new f.Api(a),s=a.oClasses,k=a.oLanguage.oPaginate,t=a.oLanguage.oAria.paginate||{},e,g,p=0,q=function(d,f){var l,h,i,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
l=0;for(h=f.length;l<h;l++)if(c=f[l],b.isArray(c))q(d,c);else{g=e="";switch(c){case "ellipsis":e="&#x2026;";g="disabled";break;case "first":e=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":e=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":e=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":e=k.sLast;g=c+(j<n-1?"":" disabled");break;default:e=c+1,g=j===c?"active":""}e&&(i=b("<li>",{"class":s.sPageButton+" "+g,id:0===r&&"string"===typeof c?a.sTableId+"_"+c:null}).append(b("<a>",{href:"#", l=0;for(h=f.length;l<h;l++)if(c=f[l],b.isArray(c))q(d,c);else{g=e="";switch(c){case "ellipsis":e="&#x2026;";g="disabled";break;case "first":e=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":e=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":e=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":e=k.sLast;g=c+(j<n-1?"":" disabled");break;default:e=c+1,g=j===c?"active":""}e&&(i=b("<li>",{"class":s.sPageButton+" "+g,id:0===r&&"string"===typeof c?a.sTableId+"_"+c:null}).append(b("<a>",{href:"#",
"aria-controls":a.sTableId,"aria-label":t[c],"data-dt-idx":p,tabindex:a.iTabIndex}).html(e)).appendTo(d),a.oApi._fnBindAction(i,{action:c},m),p++)}},i;try{i=b(h).find(d.activeElement).data("dt-idx")}catch(u){}q(b(h).empty().html('<ul class="pagination"/>').children("ul"),m);i&&b(h).find("[data-dt-idx="+i+"]").focus()};return f}); "aria-controls":a.sTableId,"aria-label":t[c],"data-dt-idx":p,tabindex:a.iTabIndex}).html(e)).appendTo(d),a.oApi._fnBindAction(i,{action:c},m),p++)}},i;try{i=b(h).find(d.activeElement).data("dt-idx")}catch(u){}q(b(h).empty().html('<ul class="pagination"/>').children("ul"),m);i&&b(h).find("[data-dt-idx="+i+"]").focus()};return f});