components/table/table.js

63     this.sortAscending = true;
64     this.activeSort;
65     this.expandedRows = new Set();
66     this.selectedRows = new Set();
67     this.selectHeaderCheckbox = false;
68     this.someSelected = false;
76       this.data.sort((a, b) => {
77         const aProp = a.uiData[this.activeSort];
78         const bProp = b.uiData[this.activeSort];
82           if (this.sortAscending) {
95       if (this.sortable) {
98         this.header = this.header.map((column) => {
113       this.data.forEach((row) => {
119         if (this.selectable) {
128       if (this.sortable) {
129         if (this.activeSort !== undefined || this.defaultSort !== undefined) {
131           this.activeSort = this.defaultSort !== undefined ? this.defaultSort :
132                                                              this.activeSort;
144       this.selectHeaderCheckbox = true;
145       this.someSelected = false;
146       this.data.forEach((row, index) => {
149           this.selectedRows.add(index);
160       this.selectHeaderCheckbox = false;
161       this.someSelected = false;
162       this.selectedRows.clear();
163       this.data.forEach((row) => {
177     this.onEmitRowAction = (action, row) => {
180         this.emitRowAction({value});
190     this.onEmitBatchAction = (action) => {
191       const filteredRows = this.data.filter((row) => row.selected);
193       this.emitBatchAction({value});
200     this.onClickSort = (index) => {
201       if (index === this.activeSort) {
204         this.sortAscending = !this.sortAscending;
205         this.data.reverse();
207         this.sortAscending = true;
208         this.activeSort = index;
217     this.onClickExpand = (row) => {
218       if (this.expandedRows.has(row)) {
219         this.expandedRows.delete(row)
221         this.expandedRows.add(row);
229     this.onRowSelectChange = (row) => {
230       if (this.selectedRows.has(row)) {
231         this.selectedRows.delete(row);
233         this.selectedRows.add(row);
235       if (this.selectedRows.size === 0) {
236         this.someSelected = false;
237         this.selectHeaderCheckbox = false;
239       } else if (this.selectedRows.size === selectableRowCount) {
240         this.someSelected = false;
241         this.selectHeaderCheckbox = true;
244         this.someSelected = true;
251     this.onHeaderSelectChange = (checked) => {
252       this.selectHeaderCheckbox = checked;
253       if (this.selectHeaderCheckbox) {
264     this.onToolbarClose = () => {
272     this.$onInit = () => {
273       this.header = this.header === undefined ? [] : this.header;
274       this.data = this.data == undefined ? [] : this.data;
275       this.sortable = this.sortable === undefined ? false : this.sortable;
276       this.rowActionsEnabled =
277           this.rowActionsEnabled === undefined ? false : this.rowActionsEnabled;
278       this.size = this.size === undefined ? '' : this.size;
279       this.expandable = this.expandable === undefined ? false : this.expandable;
280       this.selectable = this.selectable === undefined ? false : this.selectable;
287     this.$onChanges = (onChangesObj) => {