javascript-table
Advanced tools
Comparing version
@@ -156,3 +156,3 @@ import { sortEnum } from "../constants"; | ||
this.isAllChecked = checked; | ||
this.render(); | ||
this.renderTableUpdate(); | ||
} | ||
@@ -179,3 +179,3 @@ | ||
this.isAllChecked = status; | ||
this.render(); | ||
this.renderTableUpdate(); | ||
} | ||
@@ -326,3 +326,3 @@ | ||
this.calculateTotalPages(queryResult); | ||
this.render(); | ||
this.renderTableUpdate(); | ||
} | ||
@@ -370,3 +370,3 @@ } | ||
this.displayData = data; | ||
this.render(); | ||
this.renderTableUpdate(); | ||
} | ||
@@ -401,3 +401,3 @@ | ||
columns[index].isRemoved = !checked; | ||
this.render(); | ||
this.renderTableUpdate(); | ||
} | ||
@@ -422,2 +422,14 @@ | ||
renderTableUpdate() { | ||
const tableElement = document.getElementById("info-table-element"); | ||
if (tableElement) { | ||
tableElement.innerHTML = `<table class="data-table"> | ||
<thead> | ||
<tr>${this.tableHeader()}</tr> | ||
</thead> | ||
<tbody>${this.tableBodyData()}</tbody> | ||
</table>`; | ||
} | ||
} | ||
render() { | ||
@@ -473,7 +485,7 @@ if (this.searchKey) { | ||
}"> | ||
<button type="submit" onclick="render()">Search</button> | ||
<button type="submit">Search</button> | ||
</form> | ||
</div> | ||
</div> | ||
<div class="${tableParentClass}"> | ||
<div class="${tableParentClass}" id="info-table-element"> | ||
<table class="data-table"> | ||
@@ -480,0 +492,0 @@ <thead> |
{ | ||
"name": "javascript-table", | ||
"version": "1.0.1", | ||
"version": "1.1.0", | ||
"description": "Dynamic Table Generator is a versatile JavaScript package designed to simplify the process of creating interactive tables from data sets. Built with core JavaScript, it offers compatibility with any JavaScript library, providing flexibility and ease of integration into various projects.", | ||
@@ -25,3 +25,4 @@ "main": "index.js", | ||
"react.js", | ||
"next" | ||
"next", | ||
"javascript table" | ||
], | ||
@@ -28,0 +29,0 @@ "author": "Infonium Technologies", |
32109
1.27%1017
1.09%