Vue Component For Creating Vertical And Horizontal Scrolling Tables

Scrolling Table is a Vue component for creating vertical and horizontal scrolling tables based on flexbox.

vue scrolling table, vue table scroll horizontal, scrollable table with fixed header, make table scrollable horizontally, how to add horizontal and vertical scrollbar in html table

How to Create a Sticky Scrolling with jQuery Plugin | Jquery.smartSticky

How to make use of it:

Install & Download:

# NPM
$ npm install vue-scrolling-table--save

Usage

<vue-scrolling-table>
  <template slot="thead">
    <tr>
      <th v-for="col in columns"
        :class="col.cssClasses"
        :key="col.id">{{ col.title }}</th>
    </tr>
  </template>
  <template slot="tbody">
    <tr v-for="item in items" :key="item.id">
      <td v-for="col in columns"
        :class="col.cssClasses"
        :key="col.id">{{ item[col.id] }}</td>
    </tr>
  </template>
</vue-scrolling-table>

vue scrolling table component Plugin/Github, table overflow scroll horizontal, scrollable table with fixed header css