jdilleen / datatables-bulma Goto Github PK
View Code? Open in Web Editor NEWDataTables styling for the Bulma CSS framework
License: MIT License
DataTables styling for the Bulma CSS framework
License: MIT License
When clicking on the ellipsis (even when it's disabled, it's a link), you receive the following error: DataTables warning: table id=DataTables_Table_0 - Unknown paging action: ellipsis.
This can be fixed by preventing ellipsis
from being pased to the draw function by adding this filter a.data.action !== 'ellipsis'
.
I wanted to issue a PR, but there are no build instructions on how to create the minimized JS file. Here is a working diff on the main JS.
diff --git a/js/dataTables.bulma.js b/js/dataTables.bulma.js
index 963c359..85ebbe9 100644
--- a/js/dataTables.bulma.js
+++ b/js/dataTables.bulma.js
@@ -31,7 +31,7 @@
q = function(d, f) {
var l, h, i, c, m = function(a) {
a.preventDefault();
- (!b(a.currentTarget).is("[disabled]") && !b(a.currentTarget).is("#table_ellipsis")) && o.page() != a.data.action && o.page(a.data.action).draw("page")
+ (!b(a.currentTarget).is("[disabled]") && !b(a.currentTarget).is("#table_ellipsis")) && (a.data.action !== 'ellipsis') && o.page() != a.data.action && o.page(a.data.action).draw("page")
};
l = 0;
for (h = f.length; l < h; l++)
Someone already figured out how to show the icons when loading FA icons with their SVG + JS framework?
Followed the instructions here but didn't work so far.
I assume it may be related to the fact that the tables are being generated dynamically?
The "is-disabled" CSS class has been deprecated in favor of the disabled HTML attribute per the Bulma docs. More info. Using dataTables.bulma.js allows the user to click on the ellipsis when available and there's nowhere for them to go, resulting in this error.
I believe the fix is to remove any appended "is-disabled" classes and add the disabled property where appropriate. My JS skills are severely lacking so I wasn't able to figure out how to do this myself.
Hi, Sir, I have tried using your library to my own project but it cannot come out the searching, pagination, filtering and sorting function. May I know how to do with it? Thank you.
Fyi, the example in the README doesn't work (anymore):
When going into touch or below responsiveness, the pagination goes outside of the box that the table is wrapped in.
Then, I tried wrapping the table in table-responsive, but now the table always has a scroll-x bar no matter what width the window is.
This package is last published to npm 3 years ago https://www.npmjs.com/package/datatables-bulma
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.