DataTables
catalyst
DataTables | catalyst | |
---|---|---|
20 | 8 | |
7,276 | 1,285 | |
0.5% | 0.7% | |
1.8 | 0.0 | |
over 2 years ago | about 1 month ago | |
CSS | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
DataTables
- CSV to a HTML table
-
HTML Table from multiple QuerySets
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.
-
Is there any simple way to add pagination if my app doesn't use a database?
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).
-
wpDataTables - does anyone know how how the search works in this plugin and why it handles search query different than WordPress's default search query—why it doesn't show search results that includes ANY one of the 2 words in search query?
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.
-
Giving custom classes to each TD for styling - Datatables & jQuery
I'm using datatables for displaying server-side data in tables.
-
How to modify row counts when displaying alphabetized search results
I am using DataTables to create a table that is able to dynamically filter context. I am following the basic example, here.
-
TypeError: $(...).DataTable is not a function
I am trying to work with jQuery's Datatable JS for my project from this link.
-
Disable sorting for a particular column in jQuery DataTables
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:
-
Datatable with TS autocompletion and Tabs with lazyloading (that can also preserve the content)
Great, currently I am using the Datatables from https://www.datatables.net, have a hard time with column fiiltering plugin (yadcf). Keep on!
-
Using each_slice in Rails
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.
catalyst
-
The Invokers Are Coming
Reminds me of GitHub catalyst web component framework, which has targets & actions. https://github.com/github/catalyst
-
Node-Secure v0.9.0
Working on the next Web UI (TypeScript + Catalyst).
-
Introducing: Custom Elements Manifest
Catalyst (opt-in via CLI flag)
-
Why jQuery should be more appreciated
They actually use a web component system, with a library called Catalyst used to make things a bit easier. They aren't simply doing raw DOM manipulation in Vanilla JavaScript, they're using components and what is essentially a fairly lightweight framework.
-
GitHub's Web Component Collection
Personally, I'd really like to see the unmolested, with-dependencies versions[1].
This version is VERY easy to ship and adopt. But in my mind, these components hide how the sausage is made! Many were built with a library (Catalyst[2]), but the tools were obfuscated out in these end products.
There's a huge amount to be said for these web components. We need more models like this. But I also think there's an opportunity lost here, to teach, to inform, to help others learn how to build components, using the tech Github actually used to develop them.
[1] https://news.ycombinator.com/item?id=26439167
[2] https://github.com/github/catalyst
- new @attr decorator for class fields | Github/Catalyst#103
-
Getting Up & Running with GitHub Catalyst
GitHub Catalyst is a library that makes it easier to develop Web Components.
-
Project Lightspeed: A self-contained, sub-second, open source live stream platform
The only real escape is using something like /r/webcomponents. I did some playing around with Github's new Catalyst framework over the holidays, quite enjoyed it. But you'd be one of the only people on the planet using it. Stick with whatever works for you.
What are some alternatives?
Tabulator - Interactive Tables and Data Grids for JavaScript
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
gridjs - Advanced table plugin
github-elements - GitHub's Web Component collection.
jTable - A JQuery plugin to create AJAX based CRUD tables.
custom-elements-manifest - A file format for describing custom elements
FooTable V3 - jQuery plugin to make HTML tables responsive
lwc - ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
Masonry - :love_hotel: Cascading grid layout plugin
webcomponents - Web Components specifications [Moved to: https://github.com/WICG/webcomponents]
Isotope - :revolving_hearts: Filter & sort magical layouts
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇