IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-15 10:03:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

ReactTable: adds alignment options (#23389)

Browse Source
This commit is contained in:
Hugo Häggmark 2020-04-07 14:02:18 +02:00 committed by GitHub
parent cf43709316
commit 3c61627ab7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/grafana-ui/src/components/Table/Table.tsx
View File

@ -96,11 +96,7 @@ export const Table: FC<Props> = memo(({ data, height, onCellClick, width, column
function renderHeaderCell(column: any, className: string, field?: Field) {
const headerProps = column.getHeaderProps(column.getSortByToggleProps());
const fieldTextAlign = getTextAlign(field);
if (fieldTextAlign) {
headerProps.style.textAlign = fieldTextAlign;
}
headerProps.style.textAlign = getTextAlign(field);
return (
<div className={className} {...headerProps}>

14
public/app/plugins/panel/table2/module.tsx
View File

@ -17,6 +17,20 @@ export const plugin = new PanelPlugin<Options, CustomFieldConfig>(TablePanel)
max: 300,
},
})
.addRadio({
path: 'align',
name: 'Column alignment',
description: 'column alignment (for table)',
settings: {
options: [
{ label: 'auto', value: null },
{ label: 'left', value: 'left' },
{ label: 'center', value: 'center' },
{ label: 'right', value: 'right' },
],
},
defaultValue: null,
})
.addSelect({
path: 'displayMode',
name: 'Cell display mode',