MontoyaTech/ignite-html-bootstrap
MontoyaTech/ignite-html-bootstrap
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added ability to change the primary and secondary page button classes.

Browse Source
This commit is contained in:
MattMo 2023-07-10 17:19:27 -07:00
parent 2870ae49ce
commit ceb59525d5
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
data-table.js
View File

@ -281,6 +281,8 @@ class DataTable extends IgniteElement {
pageJumpToClass: "form-select border-0 w-auto text-dark", pageJumpToClass: "form-select border-0 w-auto text-dark",
showRefreshButton: true, showRefreshButton: true,
refreshButtonClass: "btn btn-secondary text-dark", refreshButtonClass: "btn btn-secondary text-dark",
primaryPageButtonClass: "btn-primary",
secondaryPageButtonClass: "btn-secondary",
refresh: null, refresh: null,
pendingFilter: null, pendingFilter: null,
loading: false loading: false
@ -411,7 +413,7 @@ class DataTable extends IgniteElement {
return new button() return new button()
.class("btn text-center flex-grow-1") .class("btn text-center flex-grow-1")
.class(current, current => current ? "btn-primary" : "btn-secondary") .class(current, current => current ? this.primaryPageButtonClass : this.secondaryPageButtonClass)
.innerText(filler ? "..." : index + 1) .innerText(filler ? "..." : index + 1)
.onClick(() => this.currentPage = index) .onClick(() => this.currentPage = index)
}), }),