data-visible="false" does not create fields if converting from html table

I have an existing table to display a form with multiple rows. I am converting the table to bootstrap-table by editing the table tag.

<table id="table" data-sortable="true" data-toggle="table" data-page-size="50"
                   data-page-list="[50, 100, 200, All]">

It displays fine except for the fact that I have hidden fields that I need to keep for the form POST.

                <thead>
                <tr>
                    <th data-visible="false"></th>
                    <th data-visible="false"></th>
                    <th data-visible="false"></th>
                    <th data-sortable="true">Label</th>
                    <th>Description</th>
                </tr>
                </thead>

The fields are not displayed, however, the fields are also removed from the form.

<thead>
  <tr>
    <th style="" data-field="3">
      <div class="th-inner sortable both">Label</div><div class="fht-cell"></div>
    </th>
    <th style="" data-field="4">
      <div class="th-inner ">Description</div><div class="fht-cell"></div>
    </th><th style="" data-field="5">
      <div class="th-inner sortable both">Location</div><div class="fht-cell"></div>
    </th>
  </tr>
</thead>

...

<tbody>
  <tr data-index="0">
    <td style=""><input type="text" name="form-0-label" value="N29" maxlength="25" id="id_form-0-label"></td>
    <td style=""><textarea name="form-0-desc" cols="40" rows="4" maxlength="500" id="id_form-0-desc">Enrolled at 18 weeks</textarea></td>
    <td style=""><input type="text" name="form-0-location" value="Room 261" maxlength="50" id="id_form-0-location"></td>

I need the hidden fields to be returned with the form’s post. The table worked fine before converting to bootstrap-table.

Thanks

[wenzhixin]

In this case, maybe we can use class to solve the problem. Workaround example: https://live.bootstrap-table.com/code/wenzhixin/384

[andyp05]

Using class display: none seems to work. thanks.