Flexigrid - Lightweight but rich data grid

[eluser]Kevin Kietel[/eluser]
Great, didn't figure that out yet....

Is there a possibility to 'lock' one or more columns, so that their width is not resizable?

thanks!

[eluser]Unknown[/eluser]
Very good and impressive widget !
I'm quite new to JQuery (coming from mootools)

Is there a way to add a datepicker widget inside your search facility !

Keep the good work.

B.

[eluser]paulopmx[/eluser]
[quote author="Kevin Kietel" date="1207085682"]Great, didn't figure that out yet....

Is there a possibility to 'lock' one or more columns, so that their width is not resizable?

thanks![/quote]

Right now. Nope.

But that's a great Idea, i'll consider adding it at the next release.

[eluser]paulopmx[/eluser]
[quote author="bernardo" date="1207086896"]Very good and impressive widget !
I'm quite new to JQuery (coming from mootools)

Is there a way to add a datepicker widget inside your search facility !

Keep the good work.

B.[/quote]

No built in facility for that. You can hack the code if you like.

[eluser]paulopmx[/eluser]
[quote author="hotmeteor" date="1207075634"]Paulo, bloody awesome. Really. Not sure if you're looking for requests, as I'm sure your hands are full, but here are a couple anyway...

1. Multi-column sort (see jQuery Tablesorter plugin for what I mean).
2. Inline-editing.

Again, beautiful work.[/quote]

Thanks.

Great ideas. Not sure I can include this features right now, maybe in a 1.5 release.

[eluser]millercj[/eluser]
I really love the idea behind Flixigrid, but i don't understand how it all fits together and how to set it up. I've never used jQuery before so that maybe some of it. Any one up to offering some guidance to a newbie?

[eluser]dark_lord[/eluser]
Hi CI'ers! Can someone create a user friendly user's guide about this flexgrid?... I really dont know where to start, and dont know what are the dependencies that I will be needing. Seems it is really an interesting GUI.

Thanks in advance!

[eluser]Majd Taby[/eluser]
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.

[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

[eluser]millercj[/eluser]
This is my html. I've downloaded the files from the Flexigrid site but i dont understand how to get data into the grid...any help?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Phone Directory&lt;/title&gt;
&lt;link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css"&gt;


&lt;/head&gt;
&lt;body&gt;

    $('.flexme').flexigrid();

&lt;/body&gt;
&lt;/html&gt;

apparently my script tags wont show...look here http://stjohns.digiconmediagroup.com/test/