fixHeight not working

[./OiX]

i'm using jQuery SmartWizard v5, have a dynamic content from datatable using add more row to datatable,... but calling $('#smartwizard').smartWizard("fixHeight"); doesn't resize the content..

here's my code
html :

<form method="POST" enctype="multipart/form-data">
    <table id="table" class="table table-bordered nowrap">
        <thead>
        <tr>
            <th width="30px">#</th>
            <th>Tipe</th>
            <th>Text/File</th>
            <th>Aksi</th>
        </tr>
        </thead>
        <tbody id="tablecontents">
            
        </tbody>
    </table>
</form>

js :

tbLampiran.row.add( [
             '<div class="pl-3"><i class="fa fa-sort"></i></div>',
             '<input name="tipe[]" class="form-control" type="text" value="Text" readonly>',
             '<input name="text[]" class="form-control" type="text" value="Isi..." readonly>',
             '<a href="javascript:;" class="btn btn-info icon-ubah"><i class="fa fa-edit"></i></a> <a href="javascript:;" class="btn btn-danger icon-delete"><i class="fa fa-trash"></i></a>'
] ).draw( false );

$('#smartwizard').smartWizard("fixHeight");
console.log('oke');

link screenshoot
https://imgur.com/a/It7AMzC

thank's