table auto fit one-line. Re-encapsulation of el-table And introduce the ex-table-column plug-in to solve the problem that its asynchronous rendering data cannot be adaptive.
Common ways to encapsulate other forms
npm install ex-tablewjw2 --save
import Vue from 'vue'
import Element from 'element-ui'
import exTablewjw2 from 'ex-tablewjw2';
import 'ex-tablewjw2/lib/ex-tablewjw2.css';
Vue.use(Element)
Vue.use(exTablewjw2)
### Simple use
Replace `<el-table-column />` to `<ex-table-column>`, Replace `<el-table/>` to `<ex-table>`,
``` javascript
<ex-table>
<ex-table-column />
</ex-table>
if ex-table-column set width should add 'show-overflow-tooltip'
Prop | Description | Type | Accepted Values | Default |
---|---|---|---|---|
fitByClass | Specify the class of the element that determines the width | string | - | cell |
fitGap | The content right margin | number | - | 0 |