Question

表格分类工具无法在Chrome中使用文字我有一个HTML表

<table id="DataTable" class="dms-table-data" border="1">                      <thead>
        <tr>
             <th id='textA'>
             <input type="text" name="name1"><br> // textbox
             </th>
             <th id='textB'><th>         
             <input type="text" name="name2"><br> // autofill
             </th>
             <th id='textC'><th>         
             <input type="text" name="name3"><br> // dropdown
             </th>
        </tr>
    <tbody>
     ......
    </tbody>
    </table>

我使用了jquery.tablesorter.js进行排序。

我只在Chrome中遇到问题，IE11工作正常。我有下拉，自动填充文本框在thead columns.i可以编辑，从IE11中的列表中选择，但chrome被禁用下拉列表，自动填充＆amp;不能在文本框中输入任何内容。

如果我删除了这个jquery.tablesorter.js，它在Chrome中的工作正常，没有排序。

<link rel="stylesheet" href="/path/to/theme.default.css">
<!-- load jQuery and tablesorter scripts -->
<script type="text/javascript" src="/path/to/jquery-latest.js"></script>
<script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>


$(function(){
  $("#myTable").tablesorter({ sortList: [[0,0], [1,0]] });
});

Answer 1

您已为标题3,2,1 {filter: false}定义。因此过滤器被禁用。

变化：

$('table').tablesorter({
sortList    : [[0, 0]],
        headers: {
            3: { filter: false }, 
            2: { filter: false }, 
            1: { filter: false } 
        },
        widthFixed : true,
        widgets: ["filter"],
        cssInfoBlock : "tablesorter-no-sort",       
        widgetOptions : {
            filter_external : '.search',
            filter_reset: '.reset',
            filter_columnFilters: true,
            filter_functions : {
                0 : true                
            }
        }
});

要：

$('table').tablesorter({
sortList    : [[0, 0]],
        headers: {},
        widthFixed : true,
        widgets: ["filter"],
        cssInfoBlock : "tablesorter-no-sort",       
        widgetOptions : {
            filter_external : '.search',
            filter_reset: '.reset',
            filter_columnFilters: true,
            filter_functions : {
                0 : true                
            }
        }
});

它有效。

jQuery表分拣机问题

1 个答案: