Question

我正在使用Jquery表分类器，它适用于所有情况，除非其中一列是输入复选框。当输入复选框出现时，表格中没有任何列排序。我尝试将输入更改为按钮，但我无法检查复选框（我认为这可能与标签有关）标签）但列确实排序。

我到处寻找解决方案，但无法找到解决方案，我们将非常感谢任何帮助。

<div class="container">
        <div class="row">
            <div class="cols s12">

                <div id="searchtable1">     
                    <table class="sortable responsive-table bordered highlight">        
                    <thead>         
                        <tr>
                            <th ></th>                      
                            <th >Username</th>
                            <th >First Name</th>
                            <th >Last Name</th>                     
                        </tr>   
                    </thead>                        
                    <tbody>   
                        <tr id="${count}">
                            <td>
                                <%-- <input type="checkbox" value="1" id="checkbox1" name="checkbox1"> --%>
                                <button type="checkbox" value="1" id="checkbox1" name="checkbox1"></button>
                                <label for="checkbox1"></label>

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


<script language="JavaScript" type="text/javascript">
    $(document).ready(function () {
        $('#searchtable1').dataTable().sort();
    });
</script>

这是一个jsp页面，我正在使用CSS实体样式表。

如果您可以让我知道为什么按钮复选框不起作用或为什么输入复选框不排序表格会很棒。

Answer 1

经过几个小时的痛苦，问题出现在CSS实体样式表中。它没有工作，因为<td></td>不在同一条线上。所以正确的代码和间距是：

<tr id="${count}">
    <td><input type="checkbox" value="1" id="checkbox1" name="checkbox1"><label for="checkbox1"></label></td>
    <td></td>
    <td></td>     
    <td></td> 
</tr>

Jquery tablesorting无法使用输入复选框

1 个答案: