JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://vuejs.org/js/vue.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-default/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<div id="demo">


			<el-table v-on:expand='unaFunc'
			    :data="tableData3"
			    style="width: 100%">
			    <el-table-column type="expand">
			      <template scope="props">
			        <p>State: {{ props.row.state }}</p>
			        <p>City: {{ props.row.city }}</p>
			        <p>Address: {{ props.row.address }}</p>
			        <p>Zip: {{ props.row.zip }}</p>
			      </template>
			    </el-table-column>
			    <el-table-column
			      label="Date"
			      prop="date">
			    </el-table-column>
			    <el-table-column
			      label="Name"
			      prop="name">
			    </el-table-column>
			  </el-table>
</div>

JavaScript

var demo = new Vue({
    el: '#demo',
    			    unaFunc: function(row, expanded){
						if(document.getElementsByClassName('el-table__expand-icon--expanded').length > 0)
						if(expanded)
							document.getElementsByClassName('el-table__expand-icon--expanded')[0].click()
				    },
    data: tableData3 = [{
          date: '2016-05-03',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-02',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-04',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-01',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-08',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-06',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }, {
          date: '2016-05-07',
          name: 'Tom',
          state: 'California',
          city: 'Los Angeles',
          address: 'No. 189, Grove St, Los Angeles',
          zip: 'CA 90036'
        }]
})