I have a table of data with a dynamic number of rows. It could have none, one, or a hundreds. The width is fixed across the web page and it has a fixed number of columns: 9. Along with this I currently have five action buttons, including two that select or deselect all rows, a refresh, delete, and another action. Also, I'm using jQuery 1.6.4, so I have a lot of available functionality with the dom and interactions.
My question is what is the best way to layout the buttons for the user? Currently I have the buttons on the left side of the page, stacked vertically, and centered in the middle of the page, but I was wondering if there was a better way to group them?
It looks clunky to me, but I'm not sure what other designs would be a better layout.
Here is a picture, but ignore the checkboxes, button, dropdown in the table itself, it's just data in the real table.