What i am trying to achieve is to reshape the listview of the leas/accounts/etc... To be shown as grid view.
For example, what i want to see is something like this
Instead of this...
Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. It only takes a minute to sign up.Sign up to join this community
Also, I recommend you consider the impact this might have on Salesforce 1. Finally, there's something on the App Exchange called Grid Buddy Unlimited that is similar to what you're asking about, but not quite as visually stimulating. However, it definitely is SF1 compatible, but it's also $10/seat.
If you're not interested in demoing one of the App Exchange options, I suggest you first look at the link I've provided to the Data Tables plug-in or else try writing some code and post it, after which I'll be happy to take a look at it. If you need the existing code for a standard page to help you get started, you'll want to install Layout Page from the App Exchange which will convert most any standard page to visual force for you. Essentially you're looking at wrapping everything that's inside the listview in a table as below:
<table> <thead> probably want any buttons and index in this section </thead> <tr> <th>Action</th> <th>Name</th> <th>State/Province</th> <th>Phone</th> <th>Email</th> <th>Lead Status</th> <th>Owner Alias</th> </tr> <tr> <th>Action Edit|Del +symbol (may want to separate into three cells here and would need to do a column span = 3 if you do in Action of th above</th> <th>Name of lead1</th> <th>State/Province for lead1</th> <th>Phone for lead1</th> <th>Email for lead1</th> <th>Lead1 Status</th> <th>Owner Alias for lead1</th> </tr> </table>
That's the general concept only you'd use repeats coming from your controller.