Footable always redraw

[yohanes-ai]

Footable always redraw after data loaded to table html. I use laravel + vue framework. Here are simple code bellow

<table class="order-table tableizer-table table-hover table" data-paging="true" data-paging-size="10" data-sorting="true">
	<thead>
		<tr>
			<th data-breakpoints="xs sm md" data-sortable="false">User Number</th>
			<th data-breakpoints="xs sm md" style="cursor:pointer">
				Nama <i class="fa fa-sort" style="font-size:13px;"></i>
			</th>
			<th data-breakpoints="xs sm md" data-sortable="false">Invoice Number</th>
			<th data-breakpoints="xs sm md" style="cursor:pointer">
				Status <i class="fa fa-sort" style="font-size:13px;"></i>
			</th>
			<th data-breakpoints="xs sm md" style="cursor:pointer" data-sort-value="mySortValue">
				Membership <i class="fa fa-sort" style="font-size:13px;"></i>
			</th>
			<th data-breakpoints="xs sm md" data-sortable="false">Billing</th>
		</tr>
	</thead>
	<tbody> 
		@foreach($arr_membership as $key => $user)
		<tr>
			<td>{{ $user->id }}</td>
			<td>{{ $user->name }}</td>
			<td style="text-decoration: underline;">
				<a href="#!" data-toggle="modal" data-target="#invoicemodal{{ $key }}">{{ $user->last_invoice->id }}</a>
			</td>
			<td {{ $user->last_invoice->status == 1 ? '' : 'style=color:red' }}>
				{{ $user->last_invoice->status == 1 ? 'Paid' : 'Unpaid' }}
			</td>
			<td style="text-align:center">{{ $user->last_invoice->member_price->name }}</td>
			<td style="text-align:right">{{ number_format($user->last_invoice->amount) }}</td>
		</tr>
		@endforeach
	</tbody>
</table>

after laravel done rendering table, footable always redraw. How to disable redraw process?

jQuery(function($){ 
		$('.table').footable();
	});

[yohanes-ai]

#740