Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Richard Teeuwen
    @rteeuwen
    is it possible to use vue-easytable with nuxt.js? If so how?
    Huang ShuWei
    @huangshuwei
    This feature is not currently supported
    Richard Teeuwen
    @rteeuwen
    I think it is. You can configure it as a plugin. Then it works
    Huang ShuWei
    @huangshuwei
    Welcome PR
    Richard Teeuwen
    @rteeuwen
    Is row grouping a current option? Or will it be in the near future?
    Jesus Rafael Nava Cruz
    @RafaelNC98_gitlab
    Hello everybody
    Salvador Montiel
    @SMontiel
    Hi there
    Great work with this library
    Do you have considered using slots for rendering row cells? Just as an option because with JSX we have no reactivity
    katochkk
    @katochkk
    hi everybody

    <template>
    <f7-page @page:beforein="init">
    <!--<f7-navbar title="Pendency Monitor" color="teal" back-link="Back">-->

    <f7-navbar color="teal" back-link="Back">

    <div class="title" v-if="$f7route.params.CTGY == 'UnPostedGirs'">UnPosted-GIRs-Detailed</div>
    <div class="title" v-if="$f7route.params.CTGY == 'UnInspectedGirs'">UnInspected-GIRs-Detailed</div>
    <div class="title" v-if="$f7route.params.CTGY == 'UnApproved-POs'">UnApproved-POs</div>
    <div class="title" v-if="$f7route.params.CTGY == 'Pending-POs'">Pending-POs</div>
    <div class="title" v-if="$f7route.params.CTGY == 'Pending-Indents'">Pending-Indents</div>
    <div class="title" v-if="$f7route.params.CTGY == 'Pending-ML'">Pending-ML</div>
    <div class="title" v-if="$f7route.params.CTGY == 'UserWiseIndents'">UserWiseIndents</div>
    <div class="title" v-if="$f7route.params.CTGY == 'Stock-Indents'">Stock-Indents</div>

      <div class="right">

    <!--<f7-button @click="downloadcsv()"><i class="f7-icons">cloud_download_fill</i></f7-button>-->

    <f7-button @click="downloadcsv()" :disabled="!$root.checkPerm('TotMgrBrkCld_Dwn')"><i class="f7-icons">cloud_download_fill</i></f7-button>
    </div>
    </div>
    <!-- DOWNLAOD END -->
    </f7-navbar>

    <f7-block>
    <f7-input type="text" placeholder="Search Text Here" @keydown="$event.stopImmediatePropagation()" clear-button @input="filter = $event.target.value"/>
    </f7-block>
    <div class="col-xs-12 table-responsive">
    <ve-table :columns="columns" :table-data="page_date" />
    </div>
    <!--VueJS DataTable Ends-->

    <ve-pagination :total="600"/>

    </div>

    </f7-page>
    </template>

    <script>

    import { f7Page, f7Navbar,f7Subnavbar, f7Searchbar, f7BlockTitle, f7Block, f7Input, f7Button, f7Row, f7Col, f7List, f7ListItem,f7ListItemRow, f7ListItemCell, f7VirtualList, f7Toolbar } from 'framework7-vue';

    export default {
    components: {
    f7Page,
    f7Navbar,
    f7Toolbar,
    f7Subnavbar,
    f7Searchbar,
    f7BlockTitle,
    f7VirtualList,
    f7Block,
    f7Button,
    f7Input,
    f7Row,
    f7Col,
    f7List,
    f7ListItem,
    f7ListItemRow,
    f7ListItemCell,
    f7Toolbar,
    },
    data() {
    const items = [];
    const self = this;
    //const self = this;
    const app = self.$f7;
    app.preloader.show();
    var HTTP = 'http://103.46.238.245:4433/api/';
    var SERVICE_URL = HTTP+'vPendStatAllMISDtls';
    var url = SERVICE_URL;

      var arr = {code: self.$f7route.params.CTGY};
      app.request.get(url, arr, function (data) {
        var res = JSON.parse(data);
        console.log(data);
        if(res.error == 0){
          self.filtered_data = self.stock_items = res.data;
    
    
          app.preloader.hide();
          self.filtergroup = [... new Set(self.stock_items.map(data => data.CTGY))];
          self.filtergroup.sort();
          self.refill();
        }
      }, function(error){
        console.log('Erro was performed '+error);
      });
    
    
      return {
        items,
        page_date: [],
         page_date1: [],
        page_size: 20,
        current_page: 0,
        stock_items: [],
        filtergroup:[],
        filtered_data: [],
        selected_group: '',

    //VueJS DataTable Begins
    filter: '',
    page: 20,
    columns: [

            {title: 'DocNum', field: 'DocNum', key: 'a', filterable: false},
            {title: 'DocDate', field: 'DocDate', key: 'b', headerClass: 'class-in-header second-class'},
            {title: 'Value', field: 'Value', key: 'c'},
            {title: 'VCode', field: 'VCode', key: 'd'},
            {title: 'UID', field: 'UID', key: 'e'},
            {title: 'Vendor Name', field: 'VName'
    this is my code can anyone add sorting and filtering feature on all columns in this and post back
    LinZ
    @vipcsgs
    能说中文吗?