A Vue component that displays a table with a scrollable body and fixed header.
All browsers
npm i --save-dev ez-table
import ezTable from 'ez-table'
Vue.use(ezTable)
Once installed, it can be used in a template as simply as:
<ez-table bottom-marge=12>
<thead slot="thead">
<th>C1</th>
<th>C2</th>
<th>C3</th>
</thead>
<tbody slot="tbody">
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
</tr>
<!-- ... -->
</tbody>
</ez-table>
Columns header width will be synchronized with columns body width.
bottomMarge
is the value (px) under the table triggering the scrollbar.