[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Back to Alexandre's first point, I just put up another version 0.2 on: http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ which is still very alpha. I worked very hard on trying to use table-layout:fixed so that this plugin could still have the appearance of a data grid with animation yet still use tables and work in the browsers. This allows for a table to follow the browser's automatic layout while loading, then when this plugin is applied to the table the natural sizing of the cell width is retained and each row has the same height. This doesn't follow the GMAIL-ish convention of overflow:hidden. All the text is shown in the cell. I added stub cells at the end so that the animation doesn't shrink on scrolling to the last page which just looked bad. Thus far I've tested on FF3, IE7, IE6.0.2800, SafariWin 3.1.1, ChromeWin On Sep 2, 9:16 am, Jim Palmer [EMAIL PROTECTED] wrote: Alexandre, 1) Great point - I'm going to mess around with having more fixed dimensions. Nothing is fixed vertically and I want to toy around with text wrapping in an individual cell and see how that affects sizing and animation. 2) In the current iteration It seems 500 is the breaking point. The thing that bogs it down is the traversal across the rows with get and set of the cell contents. I want to find faster way to do this for the sake of speed. The animation actually is fast with 500+ rows - it's just re-populating the new sorted set of data. The natural sort itself is super fast - it's still just this per-cell traversal and manipulation. I'll obviously need to sample this on slower machines against all the browsers to guage the speed. On Mon, Sep 1, 2008 at 11:09 PM, Alexandre Plennevaux [EMAIL PROTECTED]wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-p... I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers -- Jim Palmer ! [EMAIL PROTECTED]
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
sweet...i implemented natural sorting in tablesorter but it never got put in so I am thrilled to see it baked into your implementation... looks good mike On Sep 1, 11:09 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-p... I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Awesome, I was just looking for such functionality recently. :) Thanks! -- Bohdan Ganicky On Sep 2, 2:09 am, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-p... I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Mike Nichols wrote: sweet...i implemented natural sorting in tablesorter but it never got put in so I am thrilled to see it baked into your implementation... looks good Does the natural sort work with Unicode chars (Chinese, Norwegian, etc)?
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Alexandre, 1) Great point - I'm going to mess around with having more fixed dimensions. Nothing is fixed vertically and I want to toy around with text wrapping in an individual cell and see how that affects sizing and animation. 2) In the current iteration It seems 500 is the breaking point. The thing that bogs it down is the traversal across the rows with get and set of the cell contents. I want to find faster way to do this for the sake of speed. The animation actually is fast with 500+ rows - it's just re-populating the new sorted set of data. The natural sort itself is super fast - it's still just this per-cell traversal and manipulation. I'll obviously need to sample this on slower machines against all the browsers to guage the speed. On Mon, Sep 1, 2008 at 11:09 PM, Alexandre Plennevaux [EMAIL PROTECTED]wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers -- Jim Palmer ! [EMAIL PROTECTED]
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
this is awesome...when can i have it for my own implementation...:) i am dying to integrate it in my site On Tue, Sep 2, 2008 at 12:16 PM, Jim Palmer [EMAIL PROTECTED] wrote: Alexandre, 1) Great point - I'm going to mess around with having more fixed dimensions. Nothing is fixed vertically and I want to toy around with text wrapping in an individual cell and see how that affects sizing and animation. 2) In the current iteration It seems 500 is the breaking point. The thing that bogs it down is the traversal across the rows with get and set of the cell contents. I want to find faster way to do this for the sake of speed. The animation actually is fast with 500+ rows - it's just re-populating the new sorted set of data. The natural sort itself is super fast - it's still just this per-cell traversal and manipulation. I'll obviously need to sample this on slower machines against all the browsers to guage the speed. On Mon, Sep 1, 2008 at 11:09 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers -- Jim Palmer ! [EMAIL PROTECTED] -- Thanks Regards Faizal (001)919 889 1980 when nothing works , prayer does.
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Guy, It appears that the natural sort works with unicode characters - at least in FF3. This is due to the fact that it uses the browser's built in comparison operators ( and ) on strings - even unicode characters. Other sorts I've seen rely on translating blocks of strings with solely [:[alpha]:] or a /[\D]{1,}/. I'll put a better test case together on my site so you can see the unicode sorting and I'll test other browsers, but I would imagine they would work the same considering this uses the built in comparisons. The catch will be ensuring this sorts appropriately on mixed unicode and numeric digit fields. I just tested with the appending to the beginning of some cell's text some arabic characters in the 600 block, i.e. '\u0631', '\u0632', etc. I'll let you know when the test case is done! Thanks for the input! On Tue, Sep 2, 2008 at 2:30 AM, Guy Fraser [EMAIL PROTECTED] wrote: Mike Nichols wrote: sweet...i implemented natural sorting in tablesorter but it never got put in so I am thrilled to see it baked into your implementation... looks good Does the natural sort work with Unicode chars (Chinese, Norwegian, etc)? -- Jim Palmer ! [EMAIL PROTECTED]
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
I just updated my live demo on: http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ .. to set the first column to the first 43 scripts in the ARABIC 0600 Unicode block. It appears that the sort works even on unicode+ascii strings in FF3 and IE7. I'll do some more work on testing this. Thanks again for the input! On Tue, Sep 2, 2008 at 9:36 AM, Jim Palmer [EMAIL PROTECTED] wrote: Guy, It appears that the natural sort works with unicode characters - at least in FF3. This is due to the fact that it uses the browser's built in comparison operators ( and ) on strings - even unicode characters. Other sorts I've seen rely on translating blocks of strings with solely [:[alpha]:] or a /[\D]{1,}/. I'll put a better test case together on my site so you can see the unicode sorting and I'll test other browsers, but I would imagine they would work the same considering this uses the built in comparisons. The catch will be ensuring this sorts appropriately on mixed unicode and numeric digit fields. I just tested with the appending to the beginning of some cell's text some arabic characters in the 600 block, i.e. '\u0631', '\u0632', etc. I'll let you know when the test case is done! Thanks for the input! On Tue, Sep 2, 2008 at 2:30 AM, Guy Fraser [EMAIL PROTECTED] wrote: Mike Nichols wrote: sweet...i implemented natural sorting in tablesorter but it never got put in so I am thrilled to see it baked into your implementation... looks good Does the natural sort work with Unicode chars (Chinese, Norwegian, etc)? -- Jim Palmer ! [EMAIL PROTECTED] -- Jim Palmer ! [EMAIL PROTECTED]
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
Faizal, Just plopped the current 0.1 version of the jQuery plugin code on my http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/post. I stress this is still very ALPHA and I'm going to be changing it a lot in the very near term. But have at it if you want to use it now or tear it apart. I included the jTPS.css which is also required for this to work. There are a couple background graphic assets which can be pulled from http://www.overset.com/upload/jTPS/ as you need them. Again, this is still very ALPHA and I'll be working very soon to get this as cleanly packaged as possible. Please do let me know if you find anything wrong with it! Cheers On Tue, Sep 2, 2008 at 9:30 AM, faizal iqbaal [EMAIL PROTECTED]wrote: this is awesome...when can i have it for my own implementation...:) i am dying to integrate it in my site On Tue, Sep 2, 2008 at 12:16 PM, Jim Palmer [EMAIL PROTECTED] wrote: Alexandre, 1) Great point - I'm going to mess around with having more fixed dimensions. Nothing is fixed vertically and I want to toy around with text wrapping in an individual cell and see how that affects sizing and animation. 2) In the current iteration It seems 500 is the breaking point. The thing that bogs it down is the traversal across the rows with get and set of the cell contents. I want to find faster way to do this for the sake of speed. The animation actually is fast with 500+ rows - it's just re-populating the new sorted set of data. The natural sort itself is super fast - it's still just this per-cell traversal and manipulation. I'll obviously need to sample this on slower machines against all the browsers to guage the speed. On Mon, Sep 1, 2008 at 11:09 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers -- Jim Palmer ! [EMAIL PROTECTED] -- Thanks Regards Faizal (001)919 889 1980 when nothing works , prayer does. -- Jim Palmer ! [EMAIL PROTECTED]
[jQuery] Re: Proof of concept: Animated data grid/table jquery plugin with sorting and pagination and somewhat lightweight
COOL..I will integrate and let you know...thanks a ton. On Tue, Sep 2, 2008 at 1:40 PM, Jim Palmer [EMAIL PROTECTED] wrote: Faizal, Just plopped the current 0.1 version of the jQuery plugin code on my http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/post. I stress this is still very ALPHA and I'm going to be changing it a lot in the very near term. But have at it if you want to use it now or tear it apart. I included the jTPS.css which is also required for this to work. There are a couple background graphic assets which can be pulled from http://www.overset.com/upload/jTPS/ as you need them. Again, this is still very ALPHA and I'll be working very soon to get this as cleanly packaged as possible. Please do let me know if you find anything wrong with it! Cheers On Tue, Sep 2, 2008 at 9:30 AM, faizal iqbaal [EMAIL PROTECTED]wrote: this is awesome...when can i have it for my own implementation...:) i am dying to integrate it in my site On Tue, Sep 2, 2008 at 12:16 PM, Jim Palmer [EMAIL PROTECTED] wrote: Alexandre, 1) Great point - I'm going to mess around with having more fixed dimensions. Nothing is fixed vertically and I want to toy around with text wrapping in an individual cell and see how that affects sizing and animation. 2) In the current iteration It seems 500 is the breaking point. The thing that bogs it down is the traversal across the rows with get and set of the cell contents. I want to find faster way to do this for the sake of speed. The animation actually is fast with 500+ rows - it's just re-populating the new sorted set of data. The natural sort itself is super fast - it's still just this per-cell traversal and manipulation. I'll obviously need to sample this on slower machines against all the browsers to guage the speed. On Mon, Sep 1, 2008 at 11:09 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote: very nice indeed ! 1/ when going to the last page, the table height adapts to the number of rows. It would be better that the table height does not vary i think 2/ What's the maximum amount of rows do you think it is safe to work with? I suppose beyond a certain level, the table will feel unresponsive thanks for sharing ! Alexandre Plennevaux LAb[au] http://www.lab-au.com On Tue, Sep 2, 2008 at 2:09 AM, num [EMAIL PROTECTED] wrote: My proof of concept http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/ I haven't yet seen html scrolling animation like this non-flash or flex. This is essentially an unreleased jquery plugin that you can attach to an already created table that will allow for sorting and pagination. The animation is sensitive to the page delta, i.e. it will scroll faster if you go from page 1 to 5 than from page 1 to 2. The core of the animation is really a queued style.display: ( 'none' || '' ) and given the delay by hijacking the .animate() functionality as many have used in the past. It feels somewhat dirty but is easier than programming another whole setTimeout management layer for this. I put a bit of work on coding an intelligent sort that is similar to php's old natural sort (STRING_SORT) and is faster (as of some initial testing) than other implementations I've seen. I'm going to re-vamp the re-drawing of the table rows to make this faster considering how slow it currently is.. but the animation of the pagination is something I wanted to throw out there for some feedback. It's currently floating around 10KB un-minified and well commented Cheers -- Jim Palmer ! [EMAIL PROTECTED] -- Thanks Regards Faizal (001)919 889 1980 when nothing works , prayer does. -- Jim Palmer ! [EMAIL PROTECTED] -- Thanks Regards Faizal (001)919 889 1980 when nothing works , prayer does.