Search

{ "title": "...", "series": "...", "permalink": "...", "tags": [{ "type": "Series", "name": "...", "permalink": "..." }, { "type": "Scanlator", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "General", "name": "...", "permalink": "..." }, { "type": "Author", "name": "...", "permalink": "..." }] } I can display all tags but is there any way for it to be filtered? Like, I just want to display "type:General" only.

usage of invididual columns filtering the searchDelay didn't work

I had using data table default code in php laravel 5, but when I add data into the data table, the position of my search textbox didn't located at the end of my table width. For picture view : http://oi67.tinypic.com/fndde9.jpg

Hello guys I'm current using column rendering to adjust 2 colums in to one, one column states how many people can participate, second column says how many are currently signed up. "render": function ( data, type, row ) { return data +'/'+ row[3]; }, "targets": 2 }, { "visible": false, "targets": [ 3 ] } Nice and simple, Was just wondering how I would go about hiding rows where column one is equal to column two, I feel like I'm over thinking this and it will be something quite simple, but its currently beyond me and time for work! Cheers guys! Dom

I use the latest version of the datatables. I set the state save true and i also need to reset the column based filtered data on page load. So i have these lines below.. table .search( '' ) .columns().search( '' ) .draw(); when i draw the table it also resets the page information. Is there a possible way to do it?

Hi!, I have a problem with sorting. It only sorts like all data is string. Could you help me? Is there any solution with this case?

I have a column with a comma-delimited list of tags. I want to add a multi-select which filters this column and checks if all the selected options are found in the column. How can I do this with DataTables?

Hello, First I would like to give a big thanks to developers behind this marvelous idea that ease my life. I'm using a datatable at http://tv.dutto.fr with individual column searching (select inputs) created at table init. At the top, visitor can reload the table with other ajax sources. However, I didn't find where (to avoid "function undefined") and how (to avoid "this.api undefined") write the callback function for this 4 buttons. Here the init callback : $(document).ready(function() { function MyCallBack () { var api = this.api(); api.columns().indexes().flatten().each( function ( i ) { var column = api.column( i ); var select = $('<select class="select" id="sel'+i+'"><option value=""></option></select>') .appendTo( $(column.footer()).empty() ) .on( 'change', function () { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search( val ? '^'+val+'$' : '', true, false ) .draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '<option value="'+d+'">'+d+'</option>' ) } ); } ); } var grille = $('#grille').DataTable( { processing: true, ajax: { url: 'ajaxtv.php', cache: 'false' }, language: { url: '/DataTables-1.10.5/French.json' }, responsive: true, order: [ 0, 'asc' ], scrollY: (screen.availHeight-200), scrollCollapse: true, stateSave: true, deferRender: true, paging: false, info: false, columns: [ { title: "Chaine", data: { _: "col1.col1c", sort: "col1.col1b", display: "col1.col1a" }}, { title: "Programme", data: { _: "col2.col2c", sort: "col2.col2b", display: "col2.col2a" }}, { title: "Suivi de", data: { _: "col3.col3c", sort: "col3.col3b", display: "col3.col3a" }}, { title: "Infos", data: { _: "col4.col4b", sort: "col4.col4b", display: "col4.col4a" }} ], initComplete: MyCallBack } ); setInterval( function () { grille.ajax.reload(); }, 60000 ); }); Here the on demand callback : <input type=radio class=switch-input name=view value=tonight id=tonight onclick="$('#grille').DataTable().ajax.url('ajax.php?page=prime').load(MyCallBack);"> <label for=tonight class="switch-label switch-label-on">Soir</label> Thanks for you help.

I followed the guide here (https://datatables.net/examples/api/multi_filter_select.html) to add select inputs to each column for easy searching/filtering of data. Everything works, but now I'd like to use selectize.js (http://brianreavis.github.io/selectize.js/) on these selects to make them match the style of every other select input on my site. The problem I'm running in to is that after these select inputs are created, I can't find them as I normally do using jQuery selectors. Is there an alternate way to find these inputs in js so I can manipulate their styling?

I managed to create drop downs on top of each column having unique values for filteration. But the problem is when i click on the drop down sorting also gets activated. I only want to sort records when user clicks on "sorting arrow icons". Is there any way to cancel sorting event while user is clicking onto the drop down ? Here is a link to DataTable Live http://live.datatables.net/ribezoho/1/edit Please let me know ATHER