mirror of
https://github.com/DataTables/DataTables.git
synced 2025-02-20 18:54:15 +01:00
Fix - styling: Itegration with Semantic UI 2.3 - search input was not correctly styled
- Fixes DataTables/DataTables #1024
This commit is contained in:
Allan Jardine
parent
c5f9168fb3
commit
2dcfd038e6
@ -1 +1 @@
|
||||
18decc7bca8f0860e93344bd8fd1e017c2da7c6d
|
||||
6419385ec7e504c48f51058fcb868430d9f0d151
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
|
||||
<title>DataTables example - Semantic UI</title>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.semanticui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
|
||||
<link rel="stylesheet" type="text/css" href="../resources/demo.css">
|
||||
@ -15,7 +15,7 @@
|
||||
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../../media/js/dataTables.semanticui.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
|
||||
<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
|
||||
<script type="text/javascript" language="javascript" class="init">
|
||||
@ -540,7 +540,7 @@ $(document).ready(function() {
|
||||
</li>
|
||||
<li>
|
||||
<a href=
|
||||
"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js</a>
|
||||
"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.js</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -556,7 +556,7 @@ $(document).ready(function() {
|
||||
<ul>
|
||||
<li>
|
||||
<a href=
|
||||
"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css</a>
|
||||
"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.0/semantic.min.css</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../media/css/dataTables.semanticui.css">../../media/css/dataTables.semanticui.css</a>
|
||||
|
||||
@ -66,7 +66,7 @@ $.extend( true, DataTable.defaults, {
|
||||
/* Default class modification */
|
||||
$.extend( DataTable.ext.classes, {
|
||||
sWrapper: "dataTables_wrapper dt-semanticUI",
|
||||
sFilter: "dataTables_filter ui input",
|
||||
sFilter: "dataTables_filter ui form",
|
||||
sProcessing: "dataTables_processing ui segment",
|
||||
sPageButton: "paginate_button item"
|
||||
} );
|
||||
@ -195,12 +195,15 @@ $(document).on( 'init.dt', function (e, ctx) {
|
||||
return;
|
||||
}
|
||||
|
||||
var api = new $.fn.dataTable.Api( ctx );
|
||||
|
||||
// Length menu drop down
|
||||
if ( $.fn.dropdown ) {
|
||||
var api = new $.fn.dataTable.Api( ctx );
|
||||
|
||||
$( 'div.dataTables_length select', api.table().container() ).dropdown();
|
||||
}
|
||||
|
||||
// Filtering input
|
||||
$( 'div.dataTables_filter input', api.table().container() ).wrap( '<span class="ui input" />' );
|
||||
} );
|
||||
|
||||
|
||||
|
||||
6
media/js/dataTables.semanticui.min.js
vendored
6
media/js/dataTables.semanticui.min.js
vendored
@ -3,7 +3,7 @@
|
||||
©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,m){var e=b.fn.dataTable;b.extend(!0,e.defaults,{dom:"<'ui stackable grid'<'row'<'eight wide column'l><'right aligned eight wide column'f>><'row dt-table'<'sixteen wide column'tr>><'row'<'seven wide column'i><'right aligned nine wide column'p>>>",
|
||||
renderer:"semanticUI"});b.extend(e.ext.classes,{sWrapper:"dataTables_wrapper dt-semanticUI",sFilter:"dataTables_filter ui input",sProcessing:"dataTables_processing ui segment",sPageButton:"paginate_button item"});e.ext.renderer.pageButton.semanticUI=function(h,a,r,s,j,n){var o=new e.Api(h),t=h.oClasses,k=h.oLanguage.oPaginate,u=h.oLanguage.oAria.paginate||{},f,g,p=0,q=function(a,d){var e,i,l,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
|
||||
renderer:"semanticUI"});b.extend(e.ext.classes,{sWrapper:"dataTables_wrapper dt-semanticUI",sFilter:"dataTables_filter ui form",sProcessing:"dataTables_processing ui segment",sPageButton:"paginate_button item"});e.ext.renderer.pageButton.semanticUI=function(h,a,r,s,j,n){var o=new e.Api(h),t=h.oClasses,k=h.oLanguage.oPaginate,u=h.oLanguage.oAria.paginate||{},f,g,p=0,q=function(a,d){var e,i,l,c,m=function(a){a.preventDefault();!b(a.currentTarget).hasClass("disabled")&&o.page()!=a.data.action&&o.page(a.data.action).draw("page")};
|
||||
e=0;for(i=d.length;e<i;e++)if(c=d[e],b.isArray(c))q(a,c);else{g=f="";switch(c){case "ellipsis":f="…";g="disabled";break;case "first":f=k.sFirst;g=c+(0<j?"":" disabled");break;case "previous":f=k.sPrevious;g=c+(0<j?"":" disabled");break;case "next":f=k.sNext;g=c+(j<n-1?"":" disabled");break;case "last":f=k.sLast;g=c+(j<n-1?"":" disabled");break;default:f=c+1,g=j===c?"active":""}l=-1===g.indexOf("disabled")?"a":"div";f&&(l=b("<"+l+">",{"class":t.sPageButton+" "+g,id:0===r&&"string"===typeof c?
|
||||
h.sTableId+"_"+c:null,href:"#","aria-controls":h.sTableId,"aria-label":u[c],"data-dt-idx":p,tabindex:h.iTabIndex}).html(f).appendTo(a),h.oApi._fnBindAction(l,{action:c},m),p++)}},i;try{i=b(a).find(d.activeElement).data("dt-idx")}catch(v){}q(b(a).empty().html('<div class="ui stackable pagination menu"/>').children(),s);i!==m&&b(a).find("[data-dt-idx="+i+"]").focus()};b(d).on("init.dt",function(a,d){if("dt"===a.namespace&&b.fn.dropdown){var e=new b.fn.dataTable.Api(d);b("div.dataTables_length select",
|
||||
e.table().container()).dropdown()}});return e});
|
||||
h.sTableId+"_"+c:null,href:"#","aria-controls":h.sTableId,"aria-label":u[c],"data-dt-idx":p,tabindex:h.iTabIndex}).html(f).appendTo(a),h.oApi._fnBindAction(l,{action:c},m),p++)}},i;try{i=b(a).find(d.activeElement).data("dt-idx")}catch(v){}q(b(a).empty().html('<div class="ui stackable pagination menu"/>').children(),s);i!==m&&b(a).find("[data-dt-idx="+i+"]").focus()};b(d).on("init.dt",function(a,d){if("dt"===a.namespace){var e=new b.fn.dataTable.Api(d);b.fn.dropdown&&b("div.dataTables_length select",
|
||||
e.table().container()).dropdown();b("div.dataTables_filter input",e.table().container()).wrap('<span class="ui input" />')}});return e});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user