exposing named slots which allows enclosing template to customize eac…

[danielwu68]

…h field

<template>
  <div>
    <jd-table
      :option                 = "tableOptions"
      :loader                 = "tableLoader"
      :event-from-app         = "eventFromApp"
      :event-from-app-trigger = "eventFromAppTrigger"
      @event-from-jd-table    = "processEventFromApp( $event )"
    >
      <template v-slot:account_id="p">
        <!-- example of exposed data -->
        {{ p.pageRowIndex }} - {{ p.rowIndex }} |
        {{p.value}}
      </template>
      <template v-slot:create_date="p">
        <!-- example of using Vue filter -->
        <span :title="p.value | localDate">{{p.value | localDateShort}}</span>
      </template>
      <template v-slot:first_name="p">
        <!-- example of plan Javascript -->
        <span :title="p.value">{{p.value ? p.value.toUpperCase() : p.value}}</span>
      </template>
    </jd-table>
    <iframe id="excelExportArea" style="display:none"></iframe>
  </div>
</template>

[danielwu68]

James what do you think about this pull request?

[jamesdruhan]

I like it! I actually want to add a few more slots to it. Sorry for the slow response, I've been pretty busy and haven't been able to dedicate much time to this project.