fooplugins / FooTable

jQuery plugin to make HTML tables responsive
https://fooplugins.com/plugins/footable-jquery/
Other
2.13k stars 640 forks source link

Footable always redraw #865

Open yohanes-ai opened 4 years ago

yohanes-ai commented 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();
    });
yohanes-ai commented 4 years ago

https://github.com/fooplugins/FooTable/issues/740