search

Mevrael / bunny

BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.
https://bunnyjs.com
MIT License
486 stars 39 forks source link

Example datatables #2

Closed nenad007 closed 7 years ago

nenad007 commented 8 years ago

Hello, can you show a example of a datatable?

Mevrael commented 8 years ago

Hi, @nenad007

Because of lack of free time I am usually working on BunnyJS on weekends, so tomorrow I will make some another updates to code and website.

Since you are interested in datatables, I will post an example tomorrow.

Which functions are you expecting from datatables, what is your use case, requirements? What is your technology stack?

nenad007 commented 8 years ago

Hi @Mevrael

Thank you, that will be great.

I'm looking for the usual functionality as Pagination, sure Sort/Filter (with Callback) will be nice to have but without is OK too, as it comes without jQuery depedency.

I plan to use it where ever I show a List of data. My technology stack client side: HTML5, CSS, JavaScript and server side: PHP, MySQL.

Mevrael commented 8 years ago

@nenad007 Here we go https://bunnyjs.com/examples/datatable/

Pagination is exactly what it does very well.

I am planning adding filtering in future. On server if you are using Laravel you can just use ->paginate(10) on your model.

I believe we can keep this issue open for any questions or comments about DataTable.

Please let me know how easy it was for you to make Bunny DataTable running in your code and any feedback about the configuration using custom tags, attributes and other processes.

P.S. for large tables may be you would like to use Element.scrollTo() from src/bunny.element on DataTable.onRedraw() to add smooth scrolling to the top of table or page whenever table's page is changed.

Mevrael commented 7 years ago

Hi @nenad007

In latest update search functionality added. More information in https://github.com/Mevrael/bunny/issues/11#issuecomment-266311168