Browse Source

DataTable Issue resolved

pull/830/head
sunny kushwaha 5 years ago
parent
commit
39686fc5ae
  1. 10
      production/index3.html
  2. 10
      production/tables_dynamic.html
  3. 36
      src/scss/custom.scss
  4. 2
      vendors/datatables.net-bs/js/dataTables.bootstrap.js
  5. 2
      vendors/datatables.net-bs/js/dataTables.bootstrap.min.js

10
production/index3.html

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

10
production/tables_dynamic.html

@ -315,7 +315,7 @@
<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>
</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>
<tr>
<th>Name</th>
@ -814,7 +814,7 @@
<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>
</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>
<tr>
<th>
@ -1487,7 +1487,7 @@
<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.
</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>
<tr>
<th>Name</th>
@ -1986,7 +1986,7 @@
<p class="text-muted font-13 m-b-30">
This example shows FixedHeader being styling by the Bootstrap CSS framework.
</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>
<tr>
<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.
</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>
<tr>
<th>Name</th>

36
src/scss/custom.scss

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

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

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

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

@ -3,6 +3,6 @@
©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,
{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:"#",
"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});

Loading…
Cancel
Save