6 ms·

jQuery Resizable Columns – a plugin for draggable table columns

41 points by 5vforest 13y ago

thehodge 13y ago
doesn't work for me, chrome on windows
damon_c 13y ago
Firefox on Mac: No Chrome and Safari on Mac: Yes Bonus: IE8 on Win7 (I already had a VM open!): No
5vforest 13y ago
Plugin author here -- my fault for not browser testing, but hey, that's what I'm posting it for in the first place. Will investigate now :) EDIT: Now fixed for all major browsers, as far as I can tell :P
- 5vforest 13y ago
  Man, that reminded me of the days when you'd design a great website, only to view it in IE a week later and realize that there were purple borders around all your image links. Apparently Chrome for Mac is verrrry lenient when it comes to relative positioning on <th>s. Anyway, just pushed a quick fix. Sorry Firefox + Opera folk! edit: Github pages still building :(
- sbornia 13y ago
  Doesn't work.. Chrome on mac. Which browser did you actually tested it on? :P It doesn't look like a good idea to show it to the public before testing it on a few of the most popular browsers... It isn't so hard to do..
  - 5vforest 13y ago
    Chrome on Mac worked here and for a co-worker :)
    - amree 13y ago
      Not for me, running the latest Chrome
  - dclowd9901 13y ago
    Don't be a dick. He was excited and posted it. That said, the bar to creating plugins these days is much higher. It needs to be testable, and I'd implore the author to add unit tests. Aside from that, it's quite a bit of page weight for this lil feature. I really would like to not have to add jQuery-ui and store.js to get it to work.
    - sbornia 13y ago
      Well he said he posted it to find out in which browsers the plugin has issues. I just said it is a better idea to test it himself, that it isn't so hard to do. I don't see why I'm being a dick, and I spoke with respect. I'm tired of people overreacting over this kind of things, we don't need to be extremely polite all the time, it's tedious. That being said, I hope he gets it to work properly, seems like it could be a very useful plugin...
    - palakchokshi 13y ago
      Seems like this is testing 101. the guy is right, he should have tested it on major browsers before showing it. Getting excited and posting it is no excuse for not doing some preliminary testing. So please refrain from being a dick by calling someone else a dick. Thanks
  - baddox 13y ago
    Works fine here on Chrome on Mac.
- wmil 13y ago
  The problem is how you phrased it. It should be "Click the column header dividers" "Click the column headers" implies something will happen when I click on "Username" and nothing does.
jvzr 13y ago
Works for me (Chrome 27, Windows). Only the headers's borders can be used as handle, or so it seems.
- 5vforest 13y ago
  Only the headers as handles seemed like the expected behavior, based on what I've seen from past plugins and such. Open to other ideas though: https://github.com/dobtco/jquery-resizable-columns/issues https://github.com/dobtco/jquery-resizable-columns/issues
- deleted 13y ago
  [deleted]
deleted 13y ago
[deleted]
deleted 13y ago
[deleted]
krapp 13y ago
doesn't work for me, FF21.0, Windows
HugoDias 13y ago
Not working ( Opera Next 15 OSX )
cglace 13y ago
Does not work for me on firefox, safari, chrome
- cglace 13y ago
  Never mind works on firefox, chrome, and safari. I thought the demo was dragging columns to reorder the layout. . .
bmmayer1 13y ago
Doesn't work in Chrome
- handzhiev 13y ago
  Works for me. Are you pulling the headers?
- coherentpony 13y ago
  Linux? Same here.
senthil_rajasek 13y ago
I found this online and seems to work fine (except Firefox a possible jquery-css bug) http://forums.devshed.com/javascript-development-115/using-javascript-to-resize-a-column-width-941177.html http://forums.devshed.com/javascript-development-115/using-j...
- 5vforest 13y ago
  Thanks for linking. There's still some features that .draggable() doesn't implement that I personally need in my plugin, but it looks like Draggable can take care of creating the handles for us. I'll investigate more later, thanks again!
asmosoinio 13y ago
Is this supposed to work on iPad (Safari)?
jackmaney 13y ago
Doesn't work in Chrome 27 on Win 7 x64.
melvinram 13y ago
Chrome 27 on Mac doesn't work.
ianstormtaylor 13y ago
Works fine for me, cool concept. You should think about what kind of interface affordance makes it clear that the columns are resizable. Also, I tried to resize them not using the table headers at first (just any old spot in the column) and was confused for a while.
cullenmacdonald 13y ago
doesnt work on safari for mac
ochoseis 13y ago
Would be cool if you could double-click the column-border to have it auto-size to the contents in the column to the left of the border, comparable to excel.
daok 13y ago
I can resize columns but I cannot drag them with Chrome 28.

41 points by 5vforest 13y ago

thehodge 13y ago

doesn't work for me, chrome on windows

damon_c 13y ago

Firefox on Mac: No Chrome and Safari on Mac: Yes Bonus: IE8 on Win7 (I already had a VM open!): No

5vforest 13y ago

Plugin author here -- my fault for not browser testing, but hey, that's what I'm posting it for in the first place. Will investigate now :) EDIT: Now fixed for all major browsers, as far as I can tell :P

5vforest 13y ago
Man, that reminded me of the days when you'd design a great website, only to view it in IE a week later and realize that there were purple borders around all your image links. Apparently Chrome for Mac is verrrry lenient when it comes to relative positioning on <th>s. Anyway, just pushed a quick fix. Sorry Firefox + Opera folk! edit: Github pages still building :(
sbornia 13y ago
Doesn't work.. Chrome on mac. Which browser did you actually tested it on? :P It doesn't look like a good idea to show it to the public before testing it on a few of the most popular browsers... It isn't so hard to do..
- 5vforest 13y ago
  Chrome on Mac worked here and for a co-worker :)
  - amree 13y ago
    Not for me, running the latest Chrome
- dclowd9901 13y ago
  Don't be a dick. He was excited and posted it. That said, the bar to creating plugins these days is much higher. It needs to be testable, and I'd implore the author to add unit tests. Aside from that, it's quite a bit of page weight for this lil feature. I really would like to not have to add jQuery-ui and store.js to get it to work.
  - sbornia 13y ago
    Well he said he posted it to find out in which browsers the plugin has issues. I just said it is a better idea to test it himself, that it isn't so hard to do. I don't see why I'm being a dick, and I spoke with respect. I'm tired of people overreacting over this kind of things, we don't need to be extremely polite all the time, it's tedious. That being said, I hope he gets it to work properly, seems like it could be a very useful plugin...
  - palakchokshi 13y ago
    Seems like this is testing 101. the guy is right, he should have tested it on major browsers before showing it. Getting excited and posting it is no excuse for not doing some preliminary testing. So please refrain from being a dick by calling someone else a dick. Thanks
- baddox 13y ago
  Works fine here on Chrome on Mac.
wmil 13y ago
The problem is how you phrased it. It should be "Click the column header dividers" "Click the column headers" implies something will happen when I click on "Username" and nothing does.

jvzr 13y ago

Works for me (Chrome 27, Windows). Only the headers's borders can be used as handle, or so it seems.

5vforest 13y ago
Only the headers as handles seemed like the expected behavior, based on what I've seen from past plugins and such. Open to other ideas though: https://github.com/dobtco/jquery-resizable-columns/issues https://github.com/dobtco/jquery-resizable-columns/issues
deleted 13y ago
[deleted]

deleted 13y ago

[deleted]

deleted 13y ago

[deleted]

krapp 13y ago

doesn't work for me, FF21.0, Windows

HugoDias 13y ago

Not working ( Opera Next 15 OSX )

cglace 13y ago

Does not work for me on firefox, safari, chrome

cglace 13y ago
Never mind works on firefox, chrome, and safari. I thought the demo was dragging columns to reorder the layout. . .

bmmayer1 13y ago

Doesn't work in Chrome

handzhiev 13y ago
Works for me. Are you pulling the headers?
coherentpony 13y ago
Linux? Same here.

senthil_rajasek 13y ago

I found this online and seems to work fine (except Firefox a possible jquery-css bug) http://forums.devshed.com/javascript-development-115/using-javascript-to-resize-a-column-width-941177.html http://forums.devshed.com/javascript-development-115/using-j...

5vforest 13y ago
Thanks for linking. There's still some features that .draggable() doesn't implement that I personally need in my plugin, but it looks like Draggable can take care of creating the handles for us. I'll investigate more later, thanks again!

asmosoinio 13y ago

Is this supposed to work on iPad (Safari)?

jackmaney 13y ago

Doesn't work in Chrome 27 on Win 7 x64.

melvinram 13y ago

Chrome 27 on Mac doesn't work.

ianstormtaylor 13y ago

Works fine for me, cool concept. You should think about what kind of interface affordance makes it clear that the columns are resizable. Also, I tried to resize them not using the table headers at first (just any old spot in the column) and was confused for a while.

cullenmacdonald 13y ago

doesnt work on safari for mac

ochoseis 13y ago

Would be cool if you could double-click the column-border to have it auto-size to the contents in the column to the left of the border, comparable to excel.

daok 13y ago

I can resize columns but I cannot drag them with Chrome 28.