Agree with some other comments on here that this should probably be implemented with standard HTML tables as a fallback. Looks pretty good, though.
Show HN: A souped-up HTML-based table
11–20 of 22 posts
Re: Show HN: A souped-up HTML-based table
#12The sort is not stable. When I sort by W, I end up with Colts and then Rams. When I sort by L, at the bottom, I end up with Rams and then Colts.
When I sort by T, since they're all 0, I'd expect nothing to change, but the whole list inverts...
In general, it's very nice. I agree with TazeTSchnitzel's comment that it'd be awesome to have it pull data from a table, so that there's a fallback.
Re: Show HN: A souped-up HTML-based table
#13The sort is not stable. When I sort by W, I end up with Colts and then Rams. When I sort by L, at the bottom, I end up with Rams and then Colts. When I sort by T, since they're all 0, I'd expect nothing to change, but the whole list inverts... In general, it's very nice. I agree with TazeTSchnitzel's comment that it'd be awesome to have it pull data from a table, so that there's a fallback.
Thanks for checking it out. The sort used in the code is Javascript's native sort method which is not guaranteed to be stable and varies by browser (Chrome vs Firefox for example sort differently in the W/L/T columns - try clicking W then T in each browser.) Kind of annoying really.
For sure, the invert part is not great though.
Edit: Found more info: http://stackoverflow.com/questions/3026281/array-sort-sortin...
Re: Show HN: A souped-up HTML-based table
#14Grids are the holy grail of corporate web programming. As a person that had to work with a few grid components, I can tell you that it is lacking lots of features to be considered mature. For example: editable cells, tree grid mode, r-click menu, grouping, nested rows and columns, etc. I do like the looks though. Have you tried to compare your grid's performance against a standard table-based grid (cross-browser of course) for large number of cells?
For a list of functionalities expected from a grid, have a look of Telerik http://demos.telerik.com/aspnet-ajax/grid/examples/overview/... or Devexpress. Don't follow their ugly implementation though!
Re: Show HN: A souped-up HTML-based table
#15HTML? http://goo.gl/uavVx
Sorry, but what does this have to do with Galaxy Note II sales?
Re: Show HN: A souped-up HTML-based table
#16This doesn't seem better than jQuery datatables.
Re: Show HN: A souped-up HTML-based table
#17nice, though like all the others I've seen, it doesn't work when trying it with RTL direction.
Re: Show HN: A souped-up HTML-based table
#18Everyone hates ExtJS, many for good reasons, but their grid is better than any other.
Re: Show HN: A souped-up HTML-based table
#19Nice, but is it responsive?
Trolling aside, I have to echo Taze's point: why not vanila HTML table? I'm asking since this is actually relevant to my interests and my latest project uses tables a lot. I don't think I'd use this yet because of the whole graceful degradation/progressive enhancement thing
Re: Show HN: A souped-up HTML-based table
#20Nice, but is it responsive? Trolling aside, I have to echo Taze's point: why not vanila HTML table? I'm asking since this is actually relevant to my interests and my latest project uses tables a lot. I don't think I'd use this yet because of the whole graceful degradation/progressive enhancement thing
The Zurb responsive tables solution is the best I've found for souping up basic HTML tables to work across devices. I've got it integrated with Bootstrap too.
http://www.zurb.com/playground/responsive-tables https://github.com/zurb/responsive-tables/