Skip to content

Instantly share code, notes, and snippets.

@moxet
Created September 21, 2021 12:25
Show Gist options
  • Select an option

  • Save moxet/7e27a359785c8fcf05d80877115e6a94 to your computer and use it in GitHub Desktop.

Select an option

Save moxet/7e27a359785c8fcf05d80877115e6a94 to your computer and use it in GitHub Desktop.
Add DataTable features to Crocoblock Table Builder
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.2/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.11.2/datatables.min.js"></script>
<script>
jQuery(document).ready(function($) {
$('.jet-dynamic-table').DataTable();
});
</script>
@Jonathan1500
Copy link

@Jonathan1500 Here's my snippet, if it can help :

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.11.2/datatables.min.css"/>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/2.0.0/js/dataTables.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.11.2/datatables.min.js"></script>

<script> 
jQuery(document).ready(function($) { 
    $('.jet-dynamic-table').DataTable( {
		order: [[0, 'desc']],
		info: false,
		paging: false,
		searching: false
	});
});    
</script>

With it, you can display or not some elements on the table. And, with the order param, you can point which column will be automatically filtered and in what order.

You table Is with crocoblock?

@alexgauvin
Copy link

Data is created with JetEngin CPT, with a custom repeater field.
Data is then displayed with Tables builder provided by JetEngine as an addon plugin.
But I wasn't able to filter repeater data. With @moxet's tutorials i'm good to go.

@Jonathan1500
Copy link

Data is created with JetEngin CPT, with a custom repeater field. Data is then displayed with Tables builder provided by JetEngine as an addon plugin. But I wasn't able to filter repeater data. With @moxet's tutorials i'm good to go.

I use the same jetengine and table builder, but I have a problem that only shows me 10 post

@gurutto-manila
Copy link

Data is created with JetEngin CPT, with a custom repeater field. Data is then displayed with Tables builder provided by JetEngine as an addon plugin. But I wasn't able to filter repeater data. With @moxet's tutorials i'm good to go.

I use the same jetengine and table builder, but I have a problem that only shows me 10 post

check your query if you put offset that limiting to 10

@Jonathan1500
Copy link

Jonathan1500 commented Apr 1, 2024

Hello, i dont have limit in my query

@SamP-dgt
Copy link

SamP-dgt commented Oct 2, 2025

Please Crocoblock consider including this function into the core! Also, can anyone explain how to get those texts translated? I mean "Show", "Entries", "Search"...

@moxet
Copy link
Author

moxet commented Oct 5, 2025

@SamP-dgt Yes you can use translation
https://datatables.net/plug-ins/i18n/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment