| ${headingArg} | - ` - )} - ${(() => { - if (this.dataActions && this.dataActions.length > 0) { - return html` -Actions | - `; - } - })()} -
|---|
| (isSortable ? this.toggleSort(col) : null)} + > + ${col.header ?? (col.key as any)} + ${this.renderSortIndicator(col)} + | `; + })} + ${(() => { + if (this.dataActions && this.dataActions.length > 0) { + return html`Actions | `; + } + })()} +{ - if (this.editableFields.includes(headingArg)) { - this.handleCellEditing(e, itemArg, headingArg); - } else { - const wantedAction = this.dataActions.find((actionArg) => + ${effectiveColumns + .filter((c) => !c.hidden) + .map((col, colIndex) => { + const value = this.getCellValue(itemArg, col); + const content = col.renderer + ? col.renderer(value, itemArg, { rowIndex, colIndex, column: col }) + : value; + const editKey = String(col.key); + return html` + | {
+ const dblAction = this.dataActions.find((actionArg) =>
actionArg.type.includes('doubleClick')
);
- if (wantedAction) {
- wantedAction.actionFunc({
- item: itemArg,
- table: this,
- });
+ if (this.editableFields.includes(editKey)) {
+ this.handleCellEditing(e, itemArg, editKey);
+ } else if (dblAction) {
+ dblAction.actionFunc({ item: itemArg, table: this });
}
- }
- }}
- >
- ${transformedItem[headingArg]}
- |
- `
- )}
+ }}
+ >
+
|---|
No data set!
`}