Masonry VS DataTables

Probably influenced by the most popular JavaScript library for achieving this type of layout, Masonry[0]. The author notes at the end of the article:

> But do expect the name of this value to change in the future. And perhaps prepare for a future where we call this “columnar grid” or “Grid Level 3” instead of “Masonry”.

[0] https://masonry.desandro.com/

13. Masonry

To learn more about the Masonry library and explore its documentation and examples, you can visit the official website: Masonry.

Masonry is just what you need. There are libraries like this that you can utilize for this purpose.

Thank you! I purchased a Masonry (https://masonry.desandro.com/) license and built off of one of the layouts. Site runs on a Lucee server and content is populated from MySQL tables. I am using various open source jquery plug-ins for pop-ups and what not.

It’s called a masonry layout. It is a pain in the ass to implement but there are javascript libraries like Masonry.

With no native CSS grid support for masonry layouts, developers relied on using libraries such as Masonry.js or Brick.js to replicate this visual design. These libraries can accomplish masonry-style layouts without CSS by using JavaScript to manipulate the DOM, then placing each element within the appropriate spaces.

I've done quite a bit of scouting for a solution, and it looks like many people gravitate around django-tables2, https://www.datatables.net/, https://bootstrap-table.com/, and a few others. The latter two are JS/HTML frameworks that can accept either Django templated HTML (of a table) or JSON, and they seem to prefer JSON to give you the most access to features.

If you’re only trying to not show 2000 results to the user at once, you could send them all and then use front-end techniques to paginate (a JS table library, for instance).

Don't know the plugin, but it looks like just a WordPress wrapper around the https://www.datatables.net/ datatable plugin. That plugin is very powerful and popular, there are many plugins for it too, pretty sure you can easily find a front-end developer to make the search more powerful.

I'm using datatables for displaying server-side data in tables.

I am using DataTables to create a table that is able to dynamically filter context. I am following the basic example, here.

I am trying to work with jQuery's Datatable JS for my project from this link.

I am using the jQuery DataTables plugin to sort the table fields. My question is: how do I disable sorting for a particular column? I have tried with the following code, but it did not work:

Great, currently I am using the Datatables from https://www.datatables.net, have a hard time with column fiiltering plugin (yadcf). Keep on!

The design called for a grid of 12 cards that could be paginated, searched, and selected. For instance if we have 32 cards, on multiple pages, we needed to be able to select all the cards, and on submit, persist 32 cards to the need controller action. After reviewing the specification, we decided to use DataTables, which we have already used throughout this Rails 5 application.