JQuery表分类器列调整大小不适用于我的表

时间:2013-06-24 14:15:06

标签: javascript jquery tablesorter

我正在使用JQuery table sorter与小部件/插件column resize。出于某种原因,调整大小功能不适用于我的表。如果我将示例代码复制并传递到JSFidle(指定了依赖项),它可以工作,但是如果我用我自己的表替换HTML并调整javascript来定位它,它就不起作用。会发生什么是“调整”指针符号出现,但我无法调整它。

这是我的小提琴表:http://jsfiddle.net/dxhW4/(不起作用)

这是我桌子的较短版本。我划掉了任何额外的行,类和名称:http://jsfiddle.net/KXUpY/(不起作用)

这是小提琴中的例子:http://jsfiddle.net/4FMRh/2/(作品)[我偶然发布了错误的一个]

这是我的表格代码的副本(我主要是在这里发布,因为如果我没有stackoverflow就不会让我发布任何链接。):

<table class="entry-table" id="2" style="width: auto">
    <thead>
        <tr class="entry-table-title">
            <td name="ID" class="entry-table-value">ID</td>
            <td name="3" class="entry-table-value">Title</td>
            <td name="6" class="entry-table-value">Options</td>
            <td name="7" class="entry-table-value">Files</td>
            <td name="8" class="entry-table-value">Date&#39;s Are Cool!</td>
        </tr>
    </thead>
    <tbody>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">300</td>
            <td name="3" class="entry-table-value">Num 1, Num 2, Num 3</td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value">TEST</td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">302</td>
            <td name="3" class="entry-table-value">Get</td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">303</td>
            <td name="3" class="entry-table-value">Test</td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">304</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">305</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">306</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">307</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">308</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
        <tr class="entry-table-cell">
            <td name="ID" class="entry-table-value">309</td>
            <td name="3" class="entry-table-value"></td>
            <td name="6" class="entry-table-value"></td>
            <td name="7" class="entry-table-value"></td>
            <td name="8" class="entry-table-value"></td>
        </tr>
    </tbody>
</table>

为什么它对我的桌子不起作用?我真的不知道......

1 个答案:

答案 0 :(得分:0)

我刚刚意识到这个问题。当我在标题中意外使用th标记时,tablesort库期待td标记。