diff --git a/src/Smartable/Column.tsx b/src/Smartable/Column.tsx index d1ba4fc..c7ba038 100644 --- a/src/Smartable/Column.tsx +++ b/src/Smartable/Column.tsx @@ -146,6 +146,8 @@ export function ColumnHeading() {column.title} + + {sortState?.order && {sortState.order}} ); } diff --git a/src/styles/_headings.less b/src/styles/_headings.less index de82337..4e2fa38 100644 --- a/src/styles/_headings.less +++ b/src/styles/_headings.less @@ -60,5 +60,22 @@ tr.headings { bottom: 0.5em; } + + .order + { // Sort order indicator. + position: relative; + top: 0; + bottom: 0; + + display: block; + margin: auto 0; + padding: 0.3em 0.3em 0; + align-items: center; + justify-content: center; + color: var(--foreground-lightest); + font-size: 0.7em; + + float: right; + } } }