JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-default/index.css">
  <div id="demo">
			<el-table v-on:expand-change='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>
    <!-- built files will be auto injected -->
		<script src="https://vuejs.org/js/vue.min.js"></script>
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>

JavaScript

var demo = new Vue({
		    el: '#demo',
		    methods: {
			    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'
		        }]
		})