diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue index 53c4e5b..662cbfe 100644 --- a/src/components/DataTable.vue +++ b/src/components/DataTable.vue @@ -57,7 +57,7 @@ + /> { return undefined; }; +const getTextAlign = (column: string): string | undefined => { + const header = headersForRender.value.find((header) => header.value === column) + const align = header?.textAlign || bodyTextDirection.value + return align ? `direction-${align}` : undefined +} + watch(loading, (newVal, oldVal) => { if (serverOptionsComputed.value) { // in server-side mode, turn to next page when api request finished. diff --git a/src/types/internal.d.ts b/src/types/internal.d.ts index 0887c46..ac4028d 100644 --- a/src/types/internal.d.ts +++ b/src/types/internal.d.ts @@ -1,4 +1,4 @@ -import type { SortType } from './main'; +import type { SortType, TextDirection } from './main'; export type ServerOptionsComputed = { page: number @@ -14,6 +14,7 @@ export type HeaderForRender = { sortType?: SortType | 'none', fixed?: Boolean, width?: number, + textAlign?: TextDirection } export type ClientSortOptions = { diff --git a/src/types/main.d.ts b/src/types/main.d.ts index 880ab5f..b047236 100644 --- a/src/types/main.d.ts +++ b/src/types/main.d.ts @@ -32,6 +32,7 @@ export type Header = { sortable?: boolean fixed?: boolean width?: number + textAlign?: TextDirection } export type ServerOptions = { diff --git a/types/main.d.ts b/types/main.d.ts index f15f058..356d72b 100644 --- a/types/main.d.ts +++ b/types/main.d.ts @@ -32,6 +32,7 @@ export type Header = { sortable?: boolean fixed?: boolean width?: number + textAlign?: TextDirection } export type ServerOptions = {