Press "Enter" to skip to content

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


See Demo And Download

Official Website(richardtallent): Click Here

This superior jQuery/javascript plugin is developed by richardtallent. For extra Advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.