bootstrap "tooltip" y "popover" agregan tamaño extra en la tabla
Nota:
Dependiendo de su versión de Bootstrap (anterior a 3.3 o no), es posible que necesite una respuesta diferente.
Preste atención a las notas.
Cuando activo la información sobre herramientas (pase el cursor sobre la celda) o las ventanas emergentes en este código, el tamaño de la tabla está aumentando. ¿Cómo puedo evitar esto?
Aquí emptyRow - función para generar tr con 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>
Gracias en consejo!