Flexigrid - Lightweight but rich data grid

[eluser]paulopmx[/eluser]
[quote author="jTaby" date="1207132649"]hey, just noticed your site redesign, looks good

I'm thinking about using this instead of TableSorter for CodeExtinguisher. However, I'd like to make a few comments on your latest updates.

First, make sure you keep it simple, when I hover over a header, I see two arrows. When i go to another header, i see two more arrows. It's unclear which is for what. To add to it, the horizontal arrow is the same across all the headers. The minimize button seems to be useless, couldn't the user just resize it all the way up?

Second, When the user tries to rearrange the columns, the header hands a good 20px below the cursor, this makes it seem jittery and broken, it'd be nice if the data moved with the header.[/quote]

Hi,

Ok for your first issue, the middle arrow tells the user which way the data will be sorted when clicked, the second arrow on the right is a drop down menu, similar on what you see on Windows Vista, this technique has been applied by Ext as well. If it really is much an issue for you, you can easily disable this with a setting:

Code:

showToggleBtn : false

The minimize button is useful if you have a lot of instances of flexigrid, and you want to give your user a way to minimize quickly without dragging the vertical resizer. even so, I also give the developer the option to disable this feature by this setting

Code:

showTableToggleBtn: false

Minimum Height for vertical resizer is default set at 100px, to change this just change it in the setting

Code:

minheight: 24px

Rearrange the columns puts the removed column below the arrow, to allow the user to see where the column will be placed when dropped. Some test users in a system I'm developing along with this plugin, find it confusing when i'm just dragging along the same headers and not sure if it will drop before of after their target, that's why their is an additional helper arrow indicating what happens when drop in that particular place.

This is the only behavior that you can't change with just a setting, the other's are configurable depending on what you need.

Please take not that, Example 3 tries to show of all the features it currently the plugin have, but you don't have to use all of them. I'm leaving that to the developer :-).

Finally, thank you for all your comments, I'm glad that your considering using my plugin for your project, I look forward in seeing it there in the future :-).

Paulo