From 15df38a59ee65665cf7434900bdf08d888b032ec Mon Sep 17 00:00:00 2001
From: Bruno Henry <brunohenryt@hotmail.com>
Date: Wed, 15 Mar 2023 09:12:14 -0300
Subject: [PATCH 1/2] feat: create way to change the text align of each
 header/column separately

---
 src/components/DataTable.vue | 16 ++++++++++++----
 src/types/internal.d.ts      |  3 ++-
 src/types/main.d.ts          |  1 +
 types/main.d.ts              |  1 +
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 72b87ce..4beadcd 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -57,7 +57,7 @@
               <span
                 v-else
                 class="header"
-                :class="`direction-${headerTextDirection}`"
+                :class="[header.textAlign ? `direction-${header.textAlign}` : `direction-${headerTextDirection}`]"
               >
                 <slot
                   v-if="slots[`header-${header.value}`]"
@@ -73,7 +73,7 @@
                   v-else-if="slots['header']"
                   name="header"
                   v-bind="header"
-                />   
+                />
                 <span
                   v-else
                   class="header-text"
@@ -143,7 +143,9 @@
                   'shadow': column === lastFixedColumn,
                   'can-expand': column === 'expand',
                 // eslint-disable-next-line max-len
-                }, typeof bodyItemClassName === 'string' ? bodyItemClassName : bodyItemClassName(column, index + 1), `direction-${bodyTextDirection}`]"
+                }, typeof bodyItemClassName === 'string' ? bodyItemClassName : bodyItemClassName(column, index + 1),
+                getTextAlign(column)
+                ]"
                 @click="column === 'expand' ? updateExpandingItemIndexList(index + prevPageEndIndex, item, $event) : null"
               >
                 <slot
@@ -161,7 +163,7 @@
                   :name="`item-${column.toLowerCase()}`"
                   v-bind="item"
                 />
-                
+
                 <template v-else-if="column === 'expand'">
                   <i
                     class="expand-icon"
@@ -570,6 +572,12 @@ const getFixedDistance = (column: string, type: 'td' | 'th' = 'th') => {
   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..64f4a2a 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 = {

From 1cbfc86a5d1ae559f84c40b52f1ddc8d7472a6b4 Mon Sep 17 00:00:00 2001
From: Bruno Henry <brunohenryt@hotmail.com>
Date: Wed, 15 Mar 2023 09:19:47 -0300
Subject: [PATCH 2/2] fix: eslinton internal.d.ts

---
 src/types/internal.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/types/internal.d.ts b/src/types/internal.d.ts
index 64f4a2a..ac4028d 100644
--- a/src/types/internal.d.ts
+++ b/src/types/internal.d.ts
@@ -1,4 +1,4 @@
-import type {SortType, TextDirection} from './main';
+import type { SortType, TextDirection } from './main';
 
 export type ServerOptionsComputed = {
   page: number