{"id":17233727,"url":"https://github.com/j7mbo/ajaxtable","last_synced_at":"2025-03-26T00:43:34.507Z","repository":{"id":9547422,"uuid":"11453630","full_name":"J7mbo/AJAXTable","owner":"J7mbo","description":"OOP JavaScript / jQuery class for handling dynamic data via ajax within tables.","archived":false,"fork":false,"pushed_at":"2013-07-20T18:21:38.000Z","size":112,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-30T21:30:04.645Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/J7mbo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-07-16T15:54:31.000Z","updated_at":"2016-12-18T11:16:40.000Z","dependencies_parsed_at":"2022-09-14T10:52:00.652Z","dependency_job_id":null,"html_url":"https://github.com/J7mbo/AJAXTable","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J7mbo%2FAJAXTable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J7mbo%2FAJAXTable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J7mbo%2FAJAXTable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J7mbo%2FAJAXTable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/J7mbo","download_url":"https://codeload.github.com/J7mbo/AJAXTable/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245568578,"owners_count":20636803,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-10-15T05:26:08.455Z","updated_at":"2025-03-26T00:43:34.486Z","avatar_url":"https://github.com/J7mbo.png","language":"JavaScript","readme":"AJAXTable\n=========\n\nOOP JavaScript / jQuery class for handling dynamic data via ajax within tables.\n\nAJAXTable makes it easy to update a table's rows with elements retrieved via AJAX, updating those rows that already exist with new data, and prepending new rows to the table with smooth jQuery animations.\n\nYou can view the current example working [here](http://jsbin.com/obixoj/1).\n\nExamples\n========\n\n**HTML**\n\n    \u003ctable id=\"js-table\"\u003e\n        \u003cthead\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e\u003cdiv class=\"div-slide\"\u003e\u003cstrong\u003eid\u003c/strong\u003e\u003c/div\u003e\u003c/td\u003e\n              \u003ctd\u003e\u003cdiv class=\"div-slide\"\u003evalue\u003c/strong\u003e\u003c/div\u003e\u003c/td\u003e\n            \u003c/tr\u003e\n        \u003c/thead\u003e\n        \u003ctbody\u003e\n            \u003ctr id=\"one\"\u003e\n              \u003ctd\u003e\u003cdiv class=\"div-slide\"\u003eold id\u003c/div\u003e\u003c/td\u003e\n              \u003ctd\u003e\u003cdiv class=\"div-slide\"\u003eold value\u003c/div\u003e\u003c/td\u003e\n            \u003c/tr\u003e\n        \u003c/tbody\u003e\n    \u003c/table\u003e\n\n**JavaScript**\n\n    \u003cscript type=\"text/javascript\"\u003e\n\n        $(document).ready(function() \n        {\n            // Point to a table you have in the DOM\n            var table = new AJAXTable.Table('js-table');\n            \n            // Update the row with the id \"one\"\n            var row = new AJAXTable.Row('one');\n            row.addCell(new AJAXTable.Cell('new id'));\n            row.addCell(new AJAXTable.Cell('new value'));\n            row.addCell(new AJAXTable.Cell('ignored cell'));\n            table.addRow(row);\n            \n            // Add a new row with the id \"two\"\n            var row2 = new AJAXTable.Row('two');\n            row2.addCell(new AJAXTable.Cell('brand'));\n            row2.addCell(new AJAXTable.Cell('new cell'));\n            row2.addCell(new AJAXTable.Cell('ignored cell'));\n            table.addRow(row2);\n            \n            // Render the table changes\n            table.render();\n        });\n      \n    \u003c/script\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj7mbo%2Fajaxtable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj7mbo%2Fajaxtable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj7mbo%2Fajaxtable/lists"}