javascript - dataTables 列标题停止，排序句柄转到下一行

Question

我有一个列标题有问题的 JQ DataTable。

就像是：

    <table id="someTableId">
    <thead>
        <tr>
            <th>title dfas 1</th>
            <th>t itle fasd 2</th>
            <th>title asdf  3</th>
            <th>title sdf 4</th>
            <th>title asdf 5</th>
            <th>title asdf 6</th>
            <th>title  dfad7</th>
            <th>title adf 8</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>bla bla long body</td>
            <td>bla bla lo</td>
            <td>bla bla long body</td>
            <td>bla bla long body</td>
            <td>bla blong body</td>
            <td>bla bla long body</td>
            <td>bla bla lonody</td>
            <td>bla long body</td>
        </tr>

        <tr>
            <td>bla bla long body</td>
            <td>bla bla lo</td>
            <td>bla bla long body</td>
            <td>bla bla long body</td>
            <td>bla blong body</td>
            <td>bla bla long body</td>
            <td>bla bla lonody</td>
            <td>bla long body</td>
        </tr>

        <tr>
            <td>bla bla long body</td>
            <td>bla bla lo</td>
            <td>bla bla long body</td>
            <td>bla bla long body</td>
            <td>bla blong body</td>
            <td>bla bla long body</td>
            <td>bla bla lonody</td>
            <td>bla long body</td>
        </tr>

        <tr>
            <td>bla bla long body</td>
            <td>bla bla lo</td>
            <td>bla bla long body</td>
            <td>bla bla long body</td>
            <td>bla blong body</td>
            <td>bla bla long body</td>
            <td>bla bla lonody</td>
            <td>bla long body</td>
        </tr>
    </tbody>
</table>

标题不断中断，要么完整的单词进入下一行，要么只是排序句柄。

您可以在以下位置查看示例：http: //jsfiddle.net/qGVsb/

即使"sScrollX": "150%",分拣手柄很高，也会向下一行。

有没有办法解决这个问题？