Google Chromeのバグ？ <th>

Question

<thead>内の<th>ラッパーの選択ボックスが1つ入る表があります。

誰かが、このタグ内で選択ボックスが反応しないGoogle Chromeで同様の問題が発生しましたか？

テーブルには、おそらく干渉を引き起こしているhttp://autobahn.tablesorter.com/jquery.tablesorter.min.jsの使用がありますか？ （http://tablesorter.com/docs/参照）

<th class="{sorter: false}">Location 
    <!-- country filter --> 
    <select name="countryfilter" id="countryfilter"> 
     <option value="ANY">SHOW ALL</option> 
     <option value="GB">GB</option> 
      [etc..] 
    </select> 
    <!-- end --> 
</th> 

は、開発ツールを使用して試みたが、何のJS警告/エラーが監査中に認められませんでした。

Answer 1

選択ボックスにFF Opera IE7/IE8とOperaのオプションが表示されます。しかし、それはクロム、サファリとIE9で失敗します。 SafariとChromeはWebkitを使用しているため、ブラウザーの実装上の問題や、tablesorter pluiginの問題があります。プラグインの作成者に連絡してください。あなたがこの問題を回避するために何ができる

は、

<td class="header"> 
    <select name="countryfilter" id="countryfilter"> 
     <option value="ANY">SHOW ALL</option> 
     <option value="GB">GB</option> 
    </select> 
</td> 

とCSSファイルで、あなたはヘッダーでTDを使用するために、HTML変化しているプラ​​グインのtd.headerを追加、これはとtdに同じスタイルを適用します残りの部分はthです。

table.tablesorter thead tr th, table.tablesorter tfoot tr th, 
td.header 
{ 
    background-color: #e6EEEE; 
    border: 1px solid #FFF; 
    font-size: 8pt; 
    padding: 4px; 
}