Need help with visualforce-table-grid?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

rsoesemann
126 Stars 76 Forks MIT License 71 Commits 11 Opened issues

Description

Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel.

Services available

!
?

Need anything else?

Contributors list

# 125,499
Swift
Shell
apex
plsql
47 commits
# 369,333
salesfo...
apex
jquery-...
14 commits
# 163,998
Swift
Shell
code-an...
apex
2 commits
# 612,590
salesfo...
apex
jquery-...
1 commit
# 432,307
CSS
salesfo...
apex
jquery-...
1 commit
# 602,436
salesfo...
apex
jquery-...
1 commit

Visualforce TableGrid

Deploy to Salesforce

Usage | Know Issues/Todos | Third Party Code | Licence

TableGrid is a free, open-source Force.com library, that provides users and developers a highly customizable, native-looking, sortable, filterable, editable Grid Visualforce component. This component can be used as an advanced, highly configurable (by developer and user) replacement of apex:pageBlockTables and Standard Related Lists.

Two instances of Visualforce TableGrid, one read-only and one editable version.

Features:

  • Native Salesforce.com Look And Feel
  • Works as Standalone table grid or as an embedded replacement for Related List
  • Works as replacement for Standard Lookup popups with
  • Works for Standard and Custom SObjects
  • Spreadsheet-like Cell-Editing
  • Delete Muliple records
  • Pagination with cutomizable page size
  • Filter Builder UI to let users filter records
  • Field Selection UI to let users customize columns
  • Each user`s customizations can be auto-saved in a "database-cookie"

Usage Examples

Please see

components/tableGrid.component
for a detailed description of all attributes. The following examples should give you enough information to get started.

TableGrid in a standalone Visualforce page

TableGrid in List mode with Customizations turned on

This snippet is taken from the sample page

pages/tableGridStandalone.page
.
     
        
            ...
               
             ...
        
    

TableGrid embedded into Standard Page Layouts

Two TableGrid instanced replacing Standard Related Lists in a Standard Page Layout

This snippet is taken from the sample page

pages/tableGridRelatedList.page
and
pages/tableGridEmbedded.page
     
        
            ...

        <!-- Advanced Related list -->
        <tablegrid type="Contact" fields="Id, Name, Email, Birthdate" filter="AccountId = `{!Account.Id}`" title="Contacts" gridpageid="readonly" pagesize="5" mode="list"></tablegrid>

        <!-- Editable grid with customization turned on -->        
        <tablegrid type="Opportunity" fields="Name,StageName,Amount,CloseDate" filter="AccountId = `{!Account.Id}`" sortby="Name" sortdescending="true" title="Opportunities" gridpageid="editable" customizefields="true" customizefilter="true" pagesize="5" mode="edit"></tablegrid>  

         ...
    </form>
</page>

TableGrid as an Advanced Lookup Popup

TableGrid as an Advanced Lookup Popup

This snippet is taken from the sample page

pages/tableGridAdvancedLookup.page
.
    
    
        ...
         
            
        
        ...
    

Known Issues/Todos

  • Performance (loading, partial rerender, select rows,...)
    • Reduce Viewstate
    • Replace ActionSupport with Javascript Remoting
    • Reduce Markup-Size
  • Allow for more than 10.000 result records: For pagination I am using the
    StandardSetController
    , which seems to have this restriction.
  • Allow to filter also for read-only fields in FilterBuilder without loosing the context-sensitive input fields.
  • Optionally replace pagination with Infinite Scroll.
  • Fix Bugs:
    • FilterBuilder does not clear value field when switching field
    • Save/Delete selected buttons are not activated when checkbox is selected
    • ...

Third-party Code

This library makes use of a number of third-party components:

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.