{"id":16876345,"url":"https://github.com/rsoesemann/visualforce-table-grid","last_synced_at":"2026-01-31T19:32:26.580Z","repository":{"id":6289575,"uuid":"7523922","full_name":"rsoesemann/visualforce-table-grid","owner":"rsoesemann","description":"Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel. ","archived":false,"fork":false,"pushed_at":"2023-10-18T14:53:08.000Z","size":611,"stargazers_count":125,"open_issues_count":11,"forks_count":70,"subscribers_count":25,"default_branch":"master","last_synced_at":"2026-01-13T21:44:34.376Z","etag":null,"topics":["apex","grid-visualforce-component","jquery-ui","salesforce","tab","tablegrid"],"latest_commit_sha":null,"homepage":"","language":"Apex","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rsoesemann.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2013-01-09T15:54:35.000Z","updated_at":"2026-01-03T17:44:55.000Z","dependencies_parsed_at":"2024-01-02T20:53:01.292Z","dependency_job_id":null,"html_url":"https://github.com/rsoesemann/visualforce-table-grid","commit_stats":{"total_commits":69,"total_committers":8,"mean_commits":8.625,"dds":"0.33333333333333337","last_synced_commit":"2deb578aff2e440678a81fd3cd06b6ef6c5b593d"},"previous_names":["up2go/visualforce-table-grid"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rsoesemann/visualforce-table-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rsoesemann%2Fvisualforce-table-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rsoesemann%2Fvisualforce-table-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rsoesemann%2Fvisualforce-table-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rsoesemann%2Fvisualforce-table-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rsoesemann","download_url":"https://codeload.github.com/rsoesemann/visualforce-table-grid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rsoesemann%2Fvisualforce-table-grid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28861651,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T22:56:21.783Z","status":"online","status_checked_at":"2026-01-29T02:00:06.714Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apex","grid-visualforce-component","jquery-ui","salesforce","tab","tablegrid"],"created_at":"2024-10-13T15:39:06.554Z","updated_at":"2026-01-31T19:32:26.559Z","avatar_url":"https://github.com/rsoesemann.png","language":"Apex","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visualforce TableGrid #\n\n\u003ca href=\"https://githubsfdeploy.herokuapp.com?owner=Up2Go\u0026repo=visualforce-table-grid\"\u003e\n  \u003cimg alt=\"Deploy to Salesforce\"\n       src=\"https://raw.githubusercontent.com/afawcett/githubsfdeploy/master/src/main/webapp/resources/img/deploy.png\"\u003e\n\u003c/a\u003e\n\n[Usage](#usage-examples) | [Know Issues/Todos](#known-issuestodos) | [Third Party Code](#third-party-code) | [Licence](#visualforce-tablegrid-license)\n\nTableGrid is a free, open-source Force.com library, that provides users and developers a *highly customizable, native-looking, sortable, filterable, editable* Grid Visualforce component. \nThis component can be used as an advanced, highly configurable (by developer and user) replacement of \u003capex:pageBlockTable\u003es and Standard Related Lists.\n\n![Two instances of Visualforce TableGrid, one read-only and one editable version.](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/grid.png)\n\n## Features: ##\n- Native Salesforce.com Look And Feel\n- Works as Standalone table grid or as an embedded replacement for Related List\n- Works as replacement for Standard Lookup popups with \u003cc:advancedLookup\u003e\n- Works for Standard and Custom SObjects\n- Spreadsheet-like Cell-Editing\n- Delete Muliple records\n- Pagination with cutomizable page size\n- Filter Builder UI to let users filter records\n- Field Selection UI to let users customize columns \n- Each user`s customizations can be auto-saved in a \"database-cookie\"\n\n\n## Usage Examples ##\nPlease see `components/tableGrid.component` for a detailed description of all attributes. The following examples should give \nyou enough information to get started.\n\n### TableGrid in a standalone Visualforce page\n\n![TableGrid in List mode with Customizations turned on](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/customizable.png)\n\nThis  snippet is taken from the sample page `pages/tableGridStandalone.page`.\n \n        \u003capex:page showHeader=\"false\" sidebar=\"false\"\u003e \n        \t\u003capex:form \u003e\n        \t\t...\n\t\t\t    \u003cc:tableGrid type=\"Opportunity\" \n\t\t        \t\t\t title=\"Opportunities\"\n\t\t                     fields=\"Name,StageName,Amount,CloseDate\" \n\t\t                     sortBy=\"Name\" \n\t\t                     image=\"/img/icon/hands24.png\"\n\t\t                     sortDescending=\"true\"\n\t\t                     mode=\"list\"\n\t\t                     customizeFields=\"true\"\n\t\t                     customizeFilter=\"true\"\n\t\t                     pageSize=\"5\" /\u003e   \n\t\t    \t ...\n\t\t   \t\u003c/apex:form\u003e\n\t\t\u003c/apex:page\u003e\n         \n\n### TableGrid embedded into Standard Page Layouts\n\n![Two TableGrid instanced replacing Standard Related Lists in a Standard Page Layout](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/tableGrid_embedded.png)\n\nThis  snippet is taken from the sample page `pages/tableGridRelatedList.page` and `pages/tableGridEmbedded.page`\n\n\t\t\u003capex:page standardController=\"Account\"\u003e \n\t\t    \u003capex:form\u003e\n\t\t        ...\n\t\t        \n\t\t        \u003c!-- Advanced Related list --\u003e\n\t\t        \u003cc:tableGrid type=\"Contact\" \n\t\t                     fields=\"Id, Name, Email, Birthdate\" \n\t\t                     filter=\"AccountId = `{!Account.Id}`\"\n\t\t                     title=\"Contacts\" \n\t\t                     gridPageId=\"readonly\"\n\t\t                     pageSize=\"5\"\n\t\t                     mode=\"list\"/\u003e\n\t\t             \n\t\t        \u003c!-- Editable grid with customization turned on --\u003e        \n\t\t        \u003cc:tableGrid type=\"Opportunity\" \n\t\t                     fields=\"Name,StageName,Amount,CloseDate\" \n\t\t                     filter=\"AccountId = `{!Account.Id}`\"\n\t\t                     sortBy=\"Name\" \n\t\t                     sortDescending=\"true\"\n\t\t                     title=\"Opportunities\" \n\t\t                     gridPageId=\"editable\"\n\t\t                     customizeFields=\"true\"\n\t\t                     customizeFilter=\"true\"\n\t\t                     pageSize=\"5\"\n\t\t                     mode=\"edit\"/\u003e  \n\t\t                        \n\t\t    \t ...\n\t\t   \t\u003c/apex:form\u003e\n\t\t\u003c/apex:page\u003e\n\n\n### TableGrid as an Advanced Lookup Popup\n\n![TableGrid as an Advanced Lookup Popup](https://github.com/rsoesemann/visualforce-table-grid/blob/master/resources/advancedLookup.png)\n\nThis  snippet is taken from the sample page `pages/tableGridAdvancedLookup.page`.\n\n\t\u003capex:page standardController=\"Contact\"\u003e    \n\t    \u003capex:form\u003e\n\t    \t...\n\t\t    \u003cc:advancedLookup \u003e \n\t\t        \u003capex:inputField value=\"{!Contact.AccountId}\" label=\"\" /\u003e\n\t\t    \u003c/c:advancedLookup\u003e\n\t\t    ...\n\t\t\u003c/apex:form\u003e\n\t\u003c/apex:page\u003e\n    \n \n\n## Known Issues/Todos ##\n- *Performance* (loading, partial rerender, select rows,...)\n  - Reduce Viewstate\n  - Replace ActionSupport with Javascript Remoting\n  - Reduce Markup-Size\n- Allow for more than 10.000 result records: For pagination I am using the `StandardSetController`, which seems to have this restriction.\n- Allow to filter also for read-only fields in FilterBuilder without loosing the context-sensitive input fields.\n- Optionally replace pagination with Infinite Scroll.\n- Fix Bugs:\n  - FilterBuilder does not clear value field when switching field\n  - Save/Delete selected buttons are not activated when checkbox is selected\n  - ...\n\n\n## Third-party Code ##\n\nThis library makes use of a number of third-party components:\n\n- [jQuery](http://jquery.com), the javascript library to make it easy to write javascript.\n- [jQuery UI](http://jqueryui.com), jQuery UI library\n- [jQuery BlockUI Plugin](http://http://jquery.malsup.com/block/), the jQuery plugin blocking parts of the UI.\n- [Apex-Select-Option-Sorting](https://github.com/abhinavguptas/Apex-Select-Option-Sorting), an Apex sort utility class for SelectOptions\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frsoesemann%2Fvisualforce-table-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frsoesemann%2Fvisualforce-table-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frsoesemann%2Fvisualforce-table-grid/lists"}