I need a client side grid to work with javascript arrays. I need editing, filtering and sorting functionality with minimal configuration. An example would be appreciated.
I don't know how much easier you want these guys to make it for you.
Here's a fiddle with an editable KendoUI grid and the data is set in the JS code.
I didn't hook up the save methods but you can find out how to do that at the KendoUI site here.
Related
I am building a kind of dashboard for my web application. And i need something like a grid to allow the user to create the layout of the "widgets". I kind og like the way that azure does it:
What i am after is a way to arrange and resize my components by letting them snap to the grid. And at the same time allow them to be moved around. I started out by using the JQueryUI for drag and drop, but i just cant seem to get the grid lines working properly and then the placement. Furthermore i need a kind of object in my Javascript that i can serialize to json or xml to post it to my server.
Should i build this myself, or are there JS frameworks for this. Can this be done in plain jquery/jqueryUI and how do i draw the background?
Hope this can help: ReactWM
It's in React though... Not sure about jQuery and jQuery UI.
I would like to know if there are other javascript components that provide presentation of grid with multiple groupings. Below is a screenshot of jqGrid I extended to allow the feature however it needs all the data to be fetched. I would like that data would be loaded when the grouping is expanded.
Another modified jqGrid would be nice since it is what we've been using in our project :)
Yep, Datatables does this really well.
The tutorial on how to do the show/hide details is here
I strongly recommend Datatables because after trying nearly every jQuery and YUI solution out there I've realized that it has more features, better support, and the best Ajax operation I've found. As a strong bonus, it's ThemeRoller capable, which means that I can re-skin my apps in just minutes, which has made that operation incredibly profitable.
ShieldUI's Grid can also do this - it has flexible grouping, hierarchy support and and many other fancy options.
It is a very affordable solution compared to others and also comes with a whole library of other useful UI widgets for charting, editing, layout, etc.
I know one free component that is similar to the above described grid - TreeTable. It provides presentation of grid with multiple groupings: http://docs.webix.com/samples/15_datatable/30_treetable/14_colspan.html. Moreover, it has a dynamic loading feature.
which one is best table sorter choice i wanted to do
Default filter
Sorting
Pagination
Filter
Which one is the best choice for the table filtering that do above all things?? and Most Important Not Jquery one...!!
This is what I am using : Table_Sort
May I suggest the dojo DataGrid.
The DataGrid (and all related classes/widgets) are separated from the actual data so you can put a filter on the data source in any way you would want. There is a big choice of data stores like a REST store or a simple CSV store.
Sorting can be done in the grid itself, delegated to the store or delegated to the server. Depending on what your need it is it might be wise to sort your set on the server to keep performance high in the browsers.
The page does do paging but not in the conventional way that you can flick through the pages. There might be a plug-in component on the grid to make that possible though but I don't know. The current implementation just renders the pages that are visible and when you scroll it will render additional pages.
For more info and examples:
http://docs.dojocampus.org/dojox/grid/index?action=show&redirect=dojox/grid
In my experience with dojo grid I think you will be best off using the dojox.grid.Enhanced grid. It is a bit faster then the DataGrid and new plug-ins and features are constantly added. And with a bit of reading and hanging out in #dojo it is quite possible to write your own plug-in.
I need a grid that can be filled using ajax.
I need to sort, filter and select.
Thanks!
The ext grid is rather full featured
http://www.extjs.com/deploy/dev/examples/#sample-3
Check out jqGrid - it has all of the features you need and more :)
As mentioned jqGrid is probably your best bet. If you are wanting to be able to intercept the data before passing to the grid, that's pretty easily done too. by setting datatype to a function, you can manipulate the loading however you like, then push tlo the grid via addJSONData() when you are done frobbing.
If you have some more specific questions, I'd suggest expanding a bit. Also, it looks like you might want to check existing questions and answers here.
The dojox grid is also a good option: Documentation here.
Check out the YUI library.
I'm looking to utilize jQuery to handle a few very common requests we get for data tables of varying sizes: scrolling, sorting, and dynamic filtering.
I've handled scrolling in the past by having two separate tables with fixed width columns, along with associated div containers for the "actual" scrolling. However, this method doesn't work with any of the jQuery-based sorting table extensions that I've come across (tablesorter being my favorite so far) as they want everything in a single table.
For filtering, they're requesting something akin to how Excel and SharePoint lists do it (basically all column values are listed in a dropdown, allowing the user to select/deselect them). I haven't seen anything like that yet, although it sounds possible.
One other related nice-to-have feature would be the ability to "freeze" a column for horizontal scrolling.
Ideally I'd like an existing extenstion, but if none are out there I'd also appreciate suggestions from any jQuery gurus on how to best implement it. My current thoughts are to dive into tablesorter and extend/update it as necessary.
To hopefully keep things focused, paging is not an option (along with anything server based, for that matter).
Update:
I do appreciate the answers so far, but none of the options given so far touch on the filtering aspect at all (that said, I must admit that jqGrid looks very good for some future projects I have). In the meantime I'll work on a custom filtering solution; if it works out I'll update again.
I came across this question as I was searching for a sortable table plugin myself; I really wasn't impressed with any of the suggested widgets, but later I discovered DataTables, and I was quite impressed. I recommend checking it out.
Maybe this excellent plug-in could do it:
Demo page
It's called jQGrid, here is the project page:
http://plugins.jquery.com/project/jqGrid
I would encourage you to try out the Flexigrid.
It has a lot of great features and I personally think it looks more professional than the jqGrid.
It doesn't have some of the features that you asking for, but I think it could be a good start. It would be great if you could work on adding some of those features to the code base.
If you are coding in c#, then I posted a blog entry about how to use LINQ to Reflection to bind JSON to the Flexigrid... if you are using another language there are other examples you can find on Flexigrid's Website & Google Group page.
a simple jQuery Scrollable Table Plugin
As mentioned in my update, I ended up using a custom filtering extension (closed source, unfortunately). I've recently started using SlickGrid and it's now my go-to grid.
I'd like to add the Laravel flavored DataTables (GitHub, jquery DataTables API) - perfect if you already work with PHP/Laravel.
Extra, koalyptus/TableFilter another custom filter table (actually, my fav).