Nota:
En fonction de votre version de Bootstrap (antérieure à la version 3.3 ou non), vous aurez peut-être besoin d'une réponse différente.
Faites attention aux notes.
Lorsque j'active les infobulles (survol de la cellule) ou les popovers dans ce code, la taille du tableau augmente. Comment puis-je éviter cela ?
Ici emptyRow - fonction pour générer tr avec 100
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script type="text/javascript" language="javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/bootstrap.min.js"></script>
<style>
#matrix td {
width: 10px;
height: 10px;
border: 1px solid gray;
padding: 0px;
}
</style>
<script>
function emptyRow() {
str = '<tr>'
for (j = 0; j < 100; j++) {
str += '<td rel="tooltip" data-original-title="text"></td>'
}
str += '</tr>'
return str
}
$(document).ready(function () {
$("#matrix tr:last").after(emptyRow())
$("[rel=tooltip]").tooltip();
});
</script>
</head>
<body style="margin-top: 40px;">
<table id="matrix">
<tr>
</tr>
</table>
</body>
</html>merci en conseil !
0 votes
De quelle taille supplémentaire parlez-vous exactement ? js génère 100 cellules dans une ligne sous la ligne vide prédéfinie. J'ai créé un violon
0 votes
@Devellar, la taille augmente lors de l'activation de l'infobulle (survol de la cellule).
0 votes
@MikhaillErofeev J'ai aussi le même problème. Si vous le résolvez, dites-le moi.
0 votes
@RonakJangir, voir la réponse ci-dessous
0 votes
@MikhaillErofeev Je veux juste ajouter une infobulle sur le td, donc cette réponse n'est pas utile pour moi. Par la solution a soumis à twitter bootstrap voir github.com/twitter/bootstrap/issues/5980