J'ai implémenté une table responsive à l'aide de la bibliothèque jquery footable. Maintenant j'ai placé des étiquettes d'entrée, sélectionnez la boîte dedans. Footable js supprime toutes ces balises et en fait un <td>
vide.footable js supprime tous les éléments de formulaire dans la table
<table id="accordion-example-1" class="table" data-paging="true" data-filtering="false" data-sorting="false">
<thead>
<tr>
<th></th>
<th data-breakpoints="xs">Date Created</th>
<th>Source</th>
<th>Type</th>
<th data-breakpoints="xs">Status</th>
<th data-breakpoints="xs sm"> </th>
<th data-breakpoints="xs sm md" > </th>
<th data-breakpoints="xs sm md"> </th>
</tr>
</thead>
<tbody>
<tr data-expanded="true">
<td></td>
<td>6/11/16</td>
<td>Mr. Cooper - Request Info</td>
<td>Buying</td>
<td>
<select class="nobrdr">
<option>Offer</option>
</select>
</td>
<td><input type="text" class="nobrdr" placeholder="Value"/></td>
<td><input type="text" class="nobrdr" placeholder="Date" /></td>
<td><button class="nobrdr m-l-1" type="button" ><b>+ Add</b></button><br>Forms/Docs</td>
</tr>
</tbody>
</table>
fonction jquery:
$(function($){
$('#accordion-example-1,#accordion-example-2').footable({
});
});
Remarque: Footable JS cache certaines colonnes de données à différentes résolutions (appelons ces points d'arrêt). Les lignes deviennent extensibles pour révéler toutes les données cachées. Si simple! Toutes les données cachées peuvent toujours être vues simplement en cliquant sur la ligne. – rJ7