Open yohanes-ai opened 4 years ago
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(); });
https://github.com/fooplugins/FooTable/issues/740
Footable always redraw after data loaded to table html. I use laravel + vue framework. Here are simple code bellow
after laravel done rendering table, footable always redraw. How to disable redraw process?