@platform/ui.datagrid
Version:
Isolated tabular DataGrid.
28 lines (27 loc) • 855 B
JavaScript
import { color, constants, style } from '../common';
const { CSS } = constants;
const COLORS = {
HEADER: {
SELECTED: color.format(-0.18),
SELECTED_CELL: color.format(-0.1),
},
};
const HEADER = {
COLUMN: '.ht_clone_top table.htCore thead th',
ROW: '.ht_clone_left table.htCore tbody th',
};
const STYLES = {
[`${HEADER.COLUMN}.ht__highlight`]: {
backgroundColor: COLORS.HEADER.SELECTED_CELL,
},
[`${HEADER.COLUMN}.ht__highlight.ht__active_highlight`]: {
backgroundColor: COLORS.HEADER.SELECTED,
},
[`${HEADER.ROW}.ht__highlight`]: {
backgroundColor: COLORS.HEADER.SELECTED_CELL,
},
[`${HEADER.ROW}.ht__highlight.ht__active_highlight`]: {
backgroundColor: COLORS.HEADER.SELECTED,
},
};
style.global(STYLES, { prefix: `.${CSS.CLASS.GRID.BASE}.handsontable` });