Vue. The highly adaptive Element table

Vue. The highly adaptive Element table

 

 

　　After you create a table using vue, which is highly adaptive browser height.

　　In el-table creating added: height attribute, a value of a variable (tableHeight)

1 　　　　　　　　<el-table
2                 :data="tableData"
3                 :height="tableHeight"
4                 border
5                 style="width: 100%">

　　

　　It was added in the data script defined height () of:

　　Where 200 is defined in terms of their own actual needs, 200 here is because there is a form of the table top of the form, minus the height of the form of the form (200)

1 data() {
2             return {
3                 tableHeight: window.innerHeight  - 200,
4　　　　　　　　}
5 }