Бутстрап Datatables рушится с таблетками не работает несколько аккордеонов

Question

<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
   <div class="row">
      <div class="col-md-12" id="datawidth">
         <table id="example3" class="stripe row-border order-column" style="width:100%; table-layout: fixed">
            <thead>
               <tr role="row">
                  <th>Commodity Name
                  </th>
                  <th>Low (Rs/q)
                  </th>
                  <th>High (Rs/q)</th>
                  <th>Average (Rs/q)</th>
               </tr>
            </thead>
            <tbody id="t_body" class="first_table">
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required> PALUS (14-10-2019)</textarea></td>
                  <td></td>
                  <td></td>
                  <td></td>
               </tr>
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Bitter Gourd</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>1800</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2000 </textarea></td>
               </tr>
               <tr class="marketlist">
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Brinjal</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>3000 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2700</textarea></td>
               </tr>
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Bitter Gourd</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>1800</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2000 </textarea></td>
               </tr>
               <tr class="marketlist">
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Brinjal</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>3000 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2700</textarea></td>
               </tr>
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required> PALUS (14-10-2019)</textarea></td>
                  <td></td>
                  <td></td>
                  <td></td>
               </tr>
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Bitter Gourd</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>1800</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2000 </textarea></td>
               </tr>
               <tr class="marketlist">
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Brinjal</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>3000 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2700</textarea></td>
               </tr>
               <tr>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Bitter Gourd</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>1800</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2000 </textarea></td>
               </tr>
               <tr class="marketlist">
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>Brinjal</textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2500 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>3000 </textarea></td>
                  <td><textarea disabled class="form-control is-invalid form-dataTable" style="resize:none;overflow-y: show;" id="validationTextarea" placeholder="Required example textarea"
                     required>2700</textarea></td>
               </tr>
            </tbody>
         </table>
      </div>
   </div>
</div>

КОПИЯ НА ВЫБОР КЛИПАТА