{"id":32232269,"url":"https://github.com/samweru-zz/simplr-grid","last_synced_at":"2026-06-10T07:30:58.619Z","repository":{"id":58229772,"uuid":"67317995","full_name":"samweru-zz/simplr-grid","owner":"samweru-zz","description":"jQuery DataGrid","archived":false,"fork":false,"pushed_at":"2022-02-25T19:28:21.000Z","size":457,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-17T04:54:27.722Z","etag":null,"topics":["data-grid","fixed-header","jquery","resize-column","simplr-grid"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/samweru-zz.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}},"created_at":"2016-09-04T00:31:50.000Z","updated_at":"2022-02-25T19:04:12.000Z","dependencies_parsed_at":"2022-08-31T09:21:32.149Z","dependency_job_id":null,"html_url":"https://github.com/samweru-zz/simplr-grid","commit_stats":null,"previous_names":["samweru/simplr-grid"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/samweru-zz/simplr-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samweru-zz%2Fsimplr-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samweru-zz%2Fsimplr-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samweru-zz%2Fsimplr-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samweru-zz%2Fsimplr-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samweru-zz","download_url":"https://codeload.github.com/samweru-zz/simplr-grid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samweru-zz%2Fsimplr-grid/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34142637,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-10T02:00:07.152Z","response_time":89,"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":["data-grid","fixed-header","jquery","resize-column","simplr-grid"],"created_at":"2025-10-22T11:55:07.153Z","updated_at":"2026-06-10T07:30:58.586Z","avatar_url":"https://github.com/samweru-zz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Simplr Grid\n===========\n![simplr-grid](https://raw.githubusercontent.com/samweru/simplr-grid/master/img/simplr-grid.png)\n\n## Usage\n\n```js\nvar button = $(document.createElement(\"BUTTON\"));\nvar customToolbar = [\n\n    button.clone().html(\"Add\").click(function(){\n\n        console.log(\"Button Add Clicked.\")\n    }),\n    button.clone().html(\"Sel\").click(function(){\n\n        console.log(\"Button Select Clicked.\")\n    })\n];\n\n$(\"#employee-tbl\").simplrGrid({\n\n    title:\"Employees\",\n    url:\"/data/employees\",\n    method:\"POST\",\n    singleSelect:true,\n    usePager:true,\n    fixHeader:true,\n    fixLeftColumn:true,\n    resizeColumns:true,\n    // data:[] //if you want to input data directly. Overrides Ajax\n    columns:{\n\n        \"id\":{name:\"#\", css:{display:\"none\"}},\n        \"email\":{name:\"Email\", css:{textDecoration:\"underline\"}},\n        \"county\":{name:\"County\"}, \n        \"mobile\":{name:\"Mobile\"},\n        \"address\":{name:\"Address\"},\n        \"married\":{name:\"Married\"},\n        \"employed\":{name:\"Employed\", css:{textAlign:\"right\", paddingRight:\"10px\"}},\n        \"lastname\":{name:\"Last Name\"},\n        \"firstname\":{name:\"First Name\"}\n    },\n    css:{\n\n        gridWidth:\"1100px\",\n        gridHeight:\"400px\",\n        capsuleWidth:\"100%\",\n        capsuleHeight:\"600px\",\n    },\n    toolbars:[\n\n        customToolbar //This represents a single toolbar\n    ],\n    pager:{\n\n        page:1,\n        rows:10,\n        list:[10,20,30,40,50]\n    },\n    dblClick:function(){\n\n        console.log($(this).getRow());\n    }\n})\n```\n\n## Plugins\n\n`simplr-grid` - is a plugin by itself but also includes other plugins that are already used in grid functionality. If you so wish to use them individually on other elements, you can:\n\n1. `resizeColumns` - use header to resize columns\n2. `fixHeader` - freeze header row\n3. `fixLeftColumn` - freeze left most column\n4. `getSelectedRow` \u0026 `getSelectedRows` - uses class `.selected` to get row(s)\n5. `getRow` - gets row data\n\n## Custom Ajax Setup\n\nIn case you want to use your own ajax function you can add `customLoader` as an option on `simplr-grid` this is useful when you want to mock\n\n```js\ncustomLoader:function(table, options, builder){\n\n    $.ajax({\n\n        type:options.method,\n        dataType:'json',\n        url:options.url,\n        data:{\n\n            page:options.pager.page,\n            rows:options.pager.rows\n        }\n    })\n    .done(function(response){\n\n        //total-number-of-rows/rows-per-page\n        options.pager.pages = Math.ceil(response.count/options.pager.rows);\n\n        builder(table, response, options);\n    })\n}\n```\n\n## Need to know stuff\n\nIf you ever need to refresh the grid programmatically:\n\n```js\n$(\"#employee-tbl\").trigger(\"refresh\")\n```\n\nRefresh trigger also takes arguments for options as json ofcourse.\n\n```js\n$(\"#employee-tbl\").trigger(\"refresh\", options)\n```\n\n## Contributions\n\nThanks a lot to the developer(s) of the plugin(s) below: \n\n[TableHeadFixer](https://github.com/lai32290/TableHeadFixer)\n\n### Some goodies used in this project.\n\n- [Taffy DB](https://github.com/typicaljoe/taffydb) - Browser in-memory database\n\nHave fun!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamweru-zz%2Fsimplr-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamweru-zz%2Fsimplr-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamweru-zz%2Fsimplr-grid/lists"}