Geek Answers Handbook

Best-in-class JavaScript widget / JavaScript library

In the past, I used a couple of prominent widgets, including YUI2 , and I'm curious to see if there is a perceptible front-end there. I am delighted with jQuery Grid , but since it was announced, I have not seen anything.

What I would like to see from a data provider:

  • Can use JSON arrays of key-value pairs of arbitrary objects; YUI2's ability to declare a schema for matching these objects in columns is good (although the rest of the API is a bit complicated, awkward).

  • Provides the ability to filter through text fields

  • It supports pagination on the client side (the ability to exchange pagination on the server side will be a plus).

  • Supports tools for customizing the presentation / format of cells with arbitrary HTML (links, images, etc.)

Without further guidance, I will most likely consider DataTables and YUI3 DataTable . Recommendations?

+4
source share
9 answers

I have not explored YUI3 yet, but from what I hear, it has improved significantly since 2. It may seem heretical, but have you thought about skating yourself? I really dug KnockoutJS, and they have a simple example DataGrid with paging. I am sure that it can be extended quite easily. http://knockoutjs.com/examples/grid.html

I also used jQuery DataTables in the production environment. Admittedly, this was a simple use case, but it did not present any problems.

+2
source

I voted for jqGrid , I found it very easy to use, and it looks great.

+2
source

I recommend Slickgrid and stay away from DataTables. When using DataTables, I ran into a number of problems with synchronizing the data store with the view. I also did not like the Hungarian API notation. It doesn't seem like it would be a big deal, but after a while it will reach you.

Slickgrid is the best I've used so far from jqGrid, Datatables and Slickgrid.

EDIT: after you spent more time with all the options, I finished modifying SlickGrid to hide some details and provide more styling options ...

So, “modified slickgrid” turned out to be my choice. I am very pleased with this, although I think there is a lot of space for competition.

+1
source

The Kendo user interface hits both of these hands down.

http://demos.kendoui.com/web/grid/editing-inline.html

+1
source

Data tables look promising. seems powerful and flexible

http://www.datatables.net/examples/

+1
source

Convenient: minimalistic grid editor for Excel for HTML, JavaScript and jQuery

http://handsontable.com/

+1
source

http://www.sencha.com/products/extjs/examples/#sample-2

The ExtJS grid is what you want to learn. ExtJS is a great infrastructure, they have just been released, and their api are quite complete, but after their completion I am sure that they will be at the highest level.

0
source

You can also check out the Doby Grid: http://dobyjs.com/#grid It is based on SlickGrid, but with many additional features.

0
source

I would recommend Webix Datatale as it provides all of the above features. You can check out the demo and find out about it here: http://webix.com/widget/datatable/ .

0
source

More articles:


All Articles