diff --git a/__tests__/unit/__utils__/setup.js b/__tests__/unit/__utils__/setup.js
index 6d1fe0c1da..0e04df46d6 100644
--- a/__tests__/unit/__utils__/setup.js
+++ b/__tests__/unit/__utils__/setup.js
@@ -19,3 +19,4 @@ VueTestUtils.config.mocks.currency_subToUnit = jest.fn()
 VueTestUtils.config.mocks.currency_format = jest.fn()
 VueTestUtils.config.mocks.session_network = jest.fn()
 VueTestUtils.config.mocks.session_profile = jest.fn()
+VueTestUtils.config.mocks.wallet_fromRoute = {}
diff --git a/__tests__/unit/services/client.spec.js b/__tests__/unit/services/client.spec.js
index 76a829e9d3..216cd45d6e 100644
--- a/__tests__/unit/services/client.spec.js
+++ b/__tests__/unit/services/client.spec.js
@@ -305,7 +305,7 @@ describe('Services > Client', () => {
         const resource = resource => {
           if (resource === 'transactions') {
             return {
-              all: () => ({ data: { transactions, success: true } })
+              all: () => ({ data: { transactions, success: true, count: 3 } })
             }
           }
         }
@@ -315,9 +315,13 @@ describe('Services > Client', () => {
 
       it('should return only some properties for each transaction', async () => {
         const response = await client.fetchTransactions('address')
+        expect(response).toHaveProperty('transactions')
+        expect(response).toHaveProperty('totalCount')
 
-        expect(response).toHaveLength(data.length)
-        response.forEach((transaction, i) => {
+        const transactions = response.transactions
+        expect(transactions).toHaveLength(data.length)
+
+        transactions.forEach((transaction, i) => {
           expect(transaction).toHaveProperty('totalAmount', data[i].amount + data[i].fee)
           expect(transaction).toHaveProperty('timestamp')
           expect(transaction.timestamp.toJSON()).toBe(data[i].timestamp.human)
@@ -344,7 +348,7 @@ describe('Services > Client', () => {
         const resource = resource => {
           if (resource === 'wallets') {
             return {
-              transactions: () => ({ data: { data: transactions } })
+              transactions: () => ({ data: { data: transactions, meta: { totalCount: 3 } } })
             }
           }
         }
@@ -354,9 +358,13 @@ describe('Services > Client', () => {
 
       it('should return only some properties for each transaction', async () => {
         const response = await client.fetchTransactions('address')
+        expect(response).toHaveProperty('transactions')
+        expect(response).toHaveProperty('totalCount')
+
+        const transactions = response.transactions
+        expect(transactions).toHaveLength(data.length)
 
-        expect(response).toHaveLength(data.length)
-        response.forEach((transaction, i) => {
+        transactions.forEach((transaction, i) => {
           expect(transaction).toHaveProperty('totalAmount', data[i].amount + data[i].fee)
           expect(transaction).toHaveProperty('timestamp')
           expect(transaction.timestamp.toJSON()).toBe(data[i].timestamp.human)
diff --git a/package.json b/package.json
index 5ab05683db..af1859be7d 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "vue-good-table": "^2.14.1",
     "vue-i18n": "^8.1.0",
     "vue-router": "^3.0.1",
+    "vue-spinner": "^1.0.3",
     "vue-vuelidate-jsonschema": "^0.13.4",
     "vuelidate": "^0.7.4",
     "vuex": "^3.0.1",
diff --git a/src/renderer/components/Dashboard/DashboardTransactions.vue b/src/renderer/components/Dashboard/DashboardTransactions.vue
index 8743503ac7..ec03a43cbe 100644
--- a/src/renderer/components/Dashboard/DashboardTransactions.vue
+++ b/src/renderer/components/Dashboard/DashboardTransactions.vue
@@ -51,7 +51,7 @@ export default {
       try {
         // TODO if wallets.length > 20 do it in batches
         this.wallets.map(async wallet => {
-          const transactions = await this.$client.fetchTransactions(wallet.address)
+          const { transactions } = await this.$client.fetchTransactions(wallet.address)
 
           // Update the transactions when they are received
           this.transactions = uniqBy([
diff --git a/src/renderer/components/Transaction/TransactionTable.vue b/src/renderer/components/Transaction/TransactionTable.vue
index 489030598e..a52ae60ebc 100644
--- a/src/renderer/components/Transaction/TransactionTable.vue
+++ b/src/renderer/components/Transaction/TransactionTable.vue
@@ -1,14 +1,37 @@
 <template>
   <div class="TransactionTable w-full">
     <vue-good-table
+      :is-loading="isLoading"
+      :mode="isRemote ? 'remote' : 'local'"
       :columns="columns"
       :rows="transactions"
       :sort-options="{
         enabled: true,
-        initialSortBy: {field: 'timestamp', type: 'desc'}
+        initialSortBy: sortOptions
       }"
+      :pagination-options="{
+        enabled: hasPagination,
+        dropdownAllowAll: false,
+        nextLabel: $t('COMMON.NEXT'),
+        prevLabel: $t('COMMON.PREV'),
+        rowsPerPageLabel: $t('TABLE.ROWS_PER_PAGE'),
+        ofLabel: $t('COMMON.OF'),
+        pageLabel: $t('TABLE.PAGE'),
+        allLabel: $t('COMMON.ALL')
+      }"
+      :total-rows="totalRows"
       @on-row-click="onRowClick"
+      @on-page-change="onPageChange"
+      @on-sort-change="onSortChange"
+      @on-per-page-change="onPerPageChange"
     >
+      <div
+        slot="loadingContent"
+        class="flex justify-center p-5"
+      >
+        <Loader />
+      </div>
+
       <template
         slot="table-row"
         slot-scope="table"
@@ -94,6 +117,7 @@
 </template>
 
 <script>
+import Loader from '@/components/utils/Loader'
 import SvgIcon from '@/components/SvgIcon'
 import truncateMiddle from '@/filters/truncate-middle'
 import { TransactionShow } from '@/components/Transaction'
@@ -103,6 +127,7 @@ export default {
   name: 'TransactionTable',
 
   components: {
+    Loader,
     SvgIcon,
     TransactionShow,
     WalletAddress
@@ -112,6 +137,35 @@ export default {
     transactions: {
       type: Array,
       required: true
+    },
+    hasPagination: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isLoading: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isRemote: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // required if is remote
+    totalRows: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    sortOptions: {
+      type: Object,
+      required: false,
+      default: () => ({
+        field: 'timestamp',
+        type: 'desc'
+      })
     }
   },
 
@@ -181,6 +235,19 @@ export default {
       this.selected = row
     },
 
+    onPageChange (options) {
+      this.$emit('on-page-change', options)
+    },
+
+    onSortChange ({ columnIndex, sortType }) {
+      const columnName = this.columns[columnIndex].field
+      this.$emit('on-sort-change', { columnName, sortType })
+    },
+
+    onPerPageChange (options) {
+      this.$emit('on-per-page-change', options)
+    },
+
     onCloseModal () {
       this.selected = null
     }
diff --git a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue
index 70d0beb630..bb54c5e3f2 100644
--- a/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue
+++ b/src/renderer/components/Wallet/WalletTransactions/WalletTransactions.vue
@@ -1,11 +1,20 @@
 <template>
   <TransactionTable
     :transactions="transactions"
+    :total-rows="totalCount"
+    :is-loading="isLoading"
+    :is-remote="true"
+    :has-pagination="true"
+    :sort-options="queryParams.sort"
+    @on-per-page-change="onPerPageChange"
+    @on-page-change="onPageChange"
+    @on-sort-change="onSortChange"
   />
 </template>
 
 <script>
 import { TransactionTable } from '@/components/Transaction'
+import { orderBy } from 'lodash'
 
 export default {
   name: 'WalletTransactions',
@@ -15,7 +24,17 @@ export default {
   },
 
   data: () => ({
-    transactions: []
+    isLoading: false,
+    transactions: [],
+    totalCount: 0,
+    queryParams: {
+      page: 1,
+      limit: 10,
+      sort: {
+        field: 'timestamp',
+        type: 'desc'
+      }
+    }
   }),
 
   watch: {
@@ -33,7 +52,14 @@ export default {
       if (!this.wallet_fromRoute) return
 
       try {
-        this.transactions = await this.$client.fetchTransactions(this.wallet_fromRoute.address)
+        this.isLoading = true
+        const { transactions, totalCount } = await this.$client.fetchTransactions(this.wallet_fromRoute.address, {
+          page: this.queryParams.page,
+          limit: this.queryParams.limit,
+          orderBy: `${this.queryParams.sort.field}:${this.queryParams.sort.type}`
+        })
+        this.transactions = this.__sortTransactions(transactions)
+        this.totalCount = totalCount
       } catch (error) {
         this.$logger.error(error)
         this.$error(this.$t('COMMON.FAILED_FETCH', {
@@ -41,7 +67,39 @@ export default {
           msg: error.message
         }))
         this.transactions = []
+      } finally {
+        this.isLoading = false
       }
+    },
+
+    onPageChange ({ currentPage }) {
+      this.__updateParams({ page: currentPage })
+      this.fetchTransactions()
+    },
+
+    onPerPageChange ({ currentPerPage }) {
+      this.__updateParams({ limit: currentPerPage, page: 1 })
+      this.fetchTransactions()
+    },
+
+    onSortChange ({ columnName, sortType }) {
+      this.__updateParams({
+        sort: {
+          type: sortType,
+          field: columnName
+        },
+        page: 1
+      })
+      this.fetchTransactions()
+    },
+
+    // TODO: Sort remotely
+    __sortTransactions (transactions = this.transactions) {
+      return orderBy(transactions, [this.queryParams.sort.field], [this.queryParams.sort.type])
+    },
+
+    __updateParams (newProps) {
+      this.queryParams = Object.assign({}, this.queryParams, newProps)
     }
   }
 }
diff --git a/src/renderer/components/utils/Loader.js b/src/renderer/components/utils/Loader.js
new file mode 100644
index 0000000000..16613cec4d
--- /dev/null
+++ b/src/renderer/components/utils/Loader.js
@@ -0,0 +1,20 @@
+import { PulseLoader } from 'vue-spinner/dist/vue-spinner.min'
+import tailwindConfig from '@tailwind'
+
+export default {
+  functional: true,
+
+  props: {
+    color: {
+      type: String,
+      required: false,
+      default: tailwindConfig.colors['blue-dark']
+    }
+  },
+
+  render: (h, ctx) => h(PulseLoader, {
+    props: {
+      color: ctx.props.color
+    }
+  })
+}
diff --git a/src/renderer/i18n/locales/en-US.js b/src/renderer/i18n/locales/en-US.js
index a85b3c5e0a..7590a04947 100644
--- a/src/renderer/i18n/locales/en-US.js
+++ b/src/renderer/i18n/locales/en-US.js
@@ -1,6 +1,7 @@
 export default {
   COMMON: {
     AVATAR: 'Avatar',
+    ALL: 'All',
     BACK: 'Back',
     DONE: 'Done',
     CONFIRM: 'Confirm',
@@ -8,7 +9,9 @@ export default {
     CURRENCY: 'Currency',
     LANGUAGE: 'Language',
     NETWORK: 'Network',
+    PREV: 'Prev',
     NEXT: 'Next',
+    OF: 'of',
     PROFILE_NAME: 'Profile name',
     SAVE: 'Save',
     SELECT_BACKGROUND: 'Select background',
@@ -41,6 +44,11 @@ export default {
     MONTH: 'Month'
   },
 
+  TABLE: {
+    PAGE: 'Page',
+    ROWS_PER_PAGE: 'Rows per page'
+  },
+
   APP_SIDEMENU: {
     CURRENT_PROFILE: 'Your current profile is "{profileName}"',
     SETTINGS: {
diff --git a/src/renderer/services/client.js b/src/renderer/services/client.js
index 3ae1bc783f..5151ec3f71 100644
--- a/src/renderer/services/client.js
+++ b/src/renderer/services/client.js
@@ -102,16 +102,23 @@ export default class ClientService {
    *   - The timestamp field is an object that already returns converted date.
    *
    * @param {String} address
+   * @param {Object} [query]
+   * @param {Number} [query.page=0]
+   * @param {Number} [query.limit=50]
    * @return {Object[]}
    */
-  async fetchTransactions (address) {
+  async fetchTransactions (address, { page, limit, orderBy } = { page: 0, limit: 50, orderBy: 'timestamp:desc' }) {
+    let totalCount = 0
     let transactions = []
 
     if (this.__version === 1) {
       const network = store.getters['session/network']
       const { data } = await this.client.resource('transactions').all({
         recipientId: address,
-        senderId: address
+        senderId: address,
+        orderBy,
+        offset: (page - 1) * limit,
+        limit
       })
 
       if (data.success) {
@@ -125,14 +132,20 @@ export default class ClientService {
 
           return tx
         })
+        totalCount = data.count
       }
     } else {
-      const { data } = await this.client.resource('wallets').transactions(address)
+      // TODO: Add orderBy field in the v2 query params
+      const { data } = await this.client.resource('wallets').transactions(address, {
+        limit,
+        page
+      })
 
       transactions = data.data.map(tx => {
         tx.timestamp = dayjs(tx.timestamp.human).toDate()
         return tx
       })
+      totalCount = data.meta.totalCount
     }
 
     // Add some utilities for each transactions
@@ -144,7 +157,10 @@ export default class ClientService {
       return tx
     })
 
-    return result
+    return {
+      transactions: result,
+      totalCount
+    }
   }
 
   /**
diff --git a/src/renderer/store/modules/market.js b/src/renderer/store/modules/market.js
index 4877e0fdff..3f271f8bec 100644
--- a/src/renderer/store/modules/market.js
+++ b/src/renderer/store/modules/market.js
@@ -12,8 +12,9 @@ export default {
 
   getters: {
     currencies: () => keys(MARKET.currencies),
-    lastPrice: (state, getters) => {
-      return getters['lastTicker'].price
+    lastPrice: (_, getters) => {
+      const lastTicker = getters['lastTicker']
+      return lastTicker ? lastTicker.price : null
     },
     lastTicker: (state, getters, _, rootGetters) => {
       const token = rootGetters['session/network'].token
diff --git a/src/renderer/styles/_table.css b/src/renderer/styles/_table.css
index a7917fdfc0..4f5f59b3f5 100644
--- a/src/renderer/styles/_table.css
+++ b/src/renderer/styles/_table.css
@@ -90,3 +90,39 @@
 .vgt-table tr > th:not(:last-child) {
   @apply .pr-5
 }
+
+.vgt-wrap__footer {
+  @apply .flex .items-center .justify-between .mt-5 .mb-2
+}
+
+.vgt-wrap__footer .footer__row-count {
+  @apply .flex-1 .flex .items-center
+}
+
+.vgt-wrap__footer .footer__row-count__label {
+  @apply .text-theme-page-text
+}
+
+.vgt-wrap__footer .footer__row-count__select {
+  @apply .bg-transparent .ml-1 .text-theme-page-text .font-semibold
+}
+
+.vgt-wrap__footer .footer__navigation {
+  @apply .text-right .flex .items-center
+}
+
+.vgt-wrap__footer .footer__navigation .footer__navigation__info {
+  @apply .mx-2 .text-theme-page-text-light
+}
+
+.vgt-wrap__footer .footer__navigation__page-btn {
+  @apply .blue-button .py-2 .px-4
+}
+
+.vgt-wrap__footer .footer__navigation__page-btn.disabled {
+  @apply .action-button .py-2 .px-4 .cursor-not-allowed
+}
+
+.vgt-inner-wrap.is-loading {
+  @apply .hidden
+}
diff --git a/yarn.lock b/yarn.lock
index 56bfc1c0bd..49ccef9990 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12657,4 +12657,4 @@ zip-stream@^1.2.0:
     archiver-utils "^1.3.0"
     compress-commons "^1.2.0"
     lodash "^4.8.0"
-    readable-stream "^2.0.0"
+    readable-stream "^2.0.0"
\ No newline at end of file