Fix bug with background color in table cell with link

This commit is contained in:
Anton
2018-10-29 23:13:07 +03:00
parent a0aaf70060
commit 6092fa4dc3

View File

@@ -211,16 +211,17 @@ export class TableRenderer {
value = this.formatColumnValue(columnIndex, value);
const column = this.table.columns[columnIndex];
let style = '';
let cellStyle = '';
let textStyle = '';
const cellClasses = [];
let cellClass = '';
if (this.colorState.cell) {
style = ' style="background-color:' + this.colorState.cell + '"';
cellStyle = ' style="background-color:' + this.colorState.cell + '"';
cellClasses.push('table-panel-color-cell');
this.colorState.cell = null;
} else if (this.colorState.value) {
style = ' style="color:' + this.colorState.value + '"';
textStyle = ' style="color:' + this.colorState.value + '"';
this.colorState.value = null;
}
// because of the fixed table headers css only solution
@@ -232,7 +233,7 @@ export class TableRenderer {
}
if (value === undefined) {
style = ' style="display:none;"';
cellStyle = ' style="display:none;"';
column.hidden = true;
} else {
column.hidden = false;
@@ -258,7 +259,7 @@ export class TableRenderer {
cellClasses.push('table-panel-cell-link');
columnHtml += `
<a href="${cellLink}" target="${cellTarget}" data-link-tooltip data-original-title="${cellLinkTooltip}" data-placement="right"${style}>
<a href="${cellLink}" target="${cellTarget}" data-link-tooltip data-original-title="${cellLinkTooltip}" data-placement="right"${textStyle}>
${value}
</a>
`;
@@ -283,7 +284,7 @@ export class TableRenderer {
cellClass = ' class="' + cellClasses.join(' ') + '"';
}
columnHtml = '<td' + cellClass + style + '>' + columnHtml + '</td>';
columnHtml = '<td' + cellClass + cellStyle + '>' + columnHtml + '</td>';
return columnHtml;
}