Comment faire pour afficher un tableau avec 10 lignes par page?
J'ai de la table, par exemple, qui contient 100 lignes. Je veux que le tableau n'affiche que 10 lignes par page, et si je passe à une autre page pour le tableau, il me montre les 10 prochaines lignes.
<table width="600" align="center">
<tr>
<th>ID</th>
<th>Request No</th>
<th>Name</th>
<th>pic</th>
<th>Status</th>
<th>Action</th>
</tr>
</table>
Comment puis-je faire cela?
- Par défaut, les données de la table diplays 10 lignes par page.
- Êtes-vous à l'aide de jquery datatables plugin?
Vous devez vous connecter pour publier un commentaire.
Utiliser Bootstrap 3 tables de données du plugin. Vérifier le code du travail ci-dessous.
HTML:
Vous pouvez utiliser des Tables de Données de js pour ce..
JS:
HTML:
vous pouvez le faire en utilisant datatables.js
aller à travers l'exemple mentionné dans HTML5 de données* les attributs d'options de tableau.
Sur l'URL donnée, Vous trouverez html, JavaScript et css tableau ci-dessous pour le même.
Espérons que cela vous aidera!
Ajouter de la longueur de la page de propriété comme ce
"pageLength": 10
Pour plus de détails, vous pouvez voir la démo s'il vous plaît:
https://jsfiddle.net/dipakthoke07/ebRXw/2491/