关于表格单元定位的Qtip

时间:2015-06-20 10:38:48

标签: jquery html-table cell qtip2 qtip

使用qtip时遇到问题。我有一个由3个其他表格组成的表格(图片中的每种颜色都是一个表格),用于固定的标题和列目的。看起来qtip并不是这样的:

http://smiks.uni.me/Zaaikalender.jpg

正如您所看到的,当我将鼠标悬停在某个项目上时,qtip会显示在表格下方。我只需要悬停的单元格上的基本文本框。

HTML: <             

            <td>
                <div id="divHeader" style="overflow:hidden;width:975px;">
                    <table cellspacing="0" cellpadding="0" border="0" >

                            HEADER
                    </table>
                </div>
            </td>
        </tr>
        <tr>

            <td valign="top">
                <div id="firstcol" style="overflow: hidden;height:500px">
                    <table id="firstcolTable" width="200px" cellspacing="0" cellpadding="0" border="0" >

                            FIRSTCOLUMN


                    </table>
                </div>
            </td>

            <td valign="top">
                <div id="table_div" style="overflow: scroll;width:1000px;height:500px;position:relative" onscroll="fnScroll()" >
                    <table id="dataTable" width="500px" cellspacing="0" cellpadding="0" border="0" >

                            THIS IS THE TABLE THAT NEEDS QTIP! It has td's with a title

                    </table>
                </div>
            </td>
        </tr>

JAVASCRIPT

$('#dataTable td[title]').qtip({
    position: {
        my: 'top left', 
        at: 'bottom left' 
    }
});

有人可以帮忙吗?

0 个答案:

没有答案