Bootstrap „Tooltip“ und „Popover“ fügen der Tabelle zusätzliche Größe hinzu

Question

Nov 07, 2012, 12:01 PM

twitter-bootstrap-3 twitter-bootstrap tooltip javascript

Bootstrap „Tooltip“ und „Popover“ fügen der Tabelle zusätzliche Größe hinzu

Hinweis:
Abhängig von Ihrer Bootstrap-Version (vor 3.3 oder nicht) benötigen Sie möglicherweise eine andere Antwort.
Beachten Sie die Hinweise.

Wenn ich in diesem Code QuickInfos (Bewegen Sie den Mauszeiger über die Zelle) oder Popovers aktiviere, nimmt die Größe der Tabelle zu. Wie kann ich das vermeiden?

Hier emptyRow - Funktion um tr mit 100 zu generieren

<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>

danke im rat!