Header dropdown issues in IE&Chrome (works in FF)

Mike Victor

I added a dropdown filter to a table header:

[code]
// add dropdown filter
echo " ";
echo " POS";
foreach($aPosArray as $pos){
echo " ".$pos."";
}
echo " ";
[/code]

This filter works fine in Firefox, but not in IE or Chrome (on Windows 7 platform)

In IE, you can get the dropdown to open but can't select anything (it just executes the sort on that column without filtering)

In Chrome, the dropdown won't even open.

Here is the script:

[code]


$(document).ready(function() {
oTable = $('#tPlayers').dataTable({
"fnDrawCallback": function ( oSettings ) {
/* Need to redo the counters if filtered or sorted */
if ( oSettings.bSorted || oSettings.bFiltered )
{
for ( var i=0, iLen=oSettings.aiDisplay.length ; i

fbas

depending on iDisplayLength, some items will be off page and not rendered. I wonder if (line 10) [code]oSettings.aoData[ oSettings.aiDisplay[i] ].nTr[/code] is failing (returning null?) and so your jquery selector and .html() function crash.