Tablesorter частично работает с IE8, но не сортирует

Работает с FF28, но не с IE8, и я не получаю никаких сообщений об ошибках. Я использую TableSorter 2.15.14 и jQuery JavaScript Library v1.10.2

<head>
        <script type="text/javascript" src="jquery-latest.js"></script>
        <script type="text/javascript" src="jquery.tablesorter.js"></script> 
        <script> 
        $(document).ready(function() 
        { 
            $("table").tablesorter( {sortList: [[1,1]]} ); 
        });     
        </script>     
    </head>

Единственное, что работает в IE8, это CSS, когда я нажимаю на заголовок, чтобы сделать его Ascending и Descending, цвет заголовка меняется, но таблица остается той же и не сортируется.

    th.tablesorter-headerDesc { 
    background-color: #3399FF; 
    } 

    th.tablesorter-headerAsc { 
    background-color: #FF8080; 
    }

Одна из таблиц, которую я использую (таблица заполняется из файла.csv с использованием js)

<div id="origtable">

            <table border="1" id="table_side" class="tablesorter">
                <thead>
                    <tr>
                      <th>Origin <br> Country</th>

                      <th>Count</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>    
          </div>

Я посмотрел на документацию и попробовал несколько методов, все они работают с FF, но все еще ничего с IE8.

РЕДАКТИРОВАТЬ 1:

Функция jquery, которую я использую для заполнения html-таблицы, это конечно после чтения из.csv

function populateTableCounts(rowkey, tablename, hashdata)
    {
        var rowhtml = "";
        $.each(hashdata, function (key, value) {
             key = key.replace(/-/g, ' / ');
             key = key.replace(/:/g, ' , ');

             var rowdata=countrow.replace('$row_key', key);
             rowdata=rowdata.replace('$row_val', value);

            //add row <tr> to var rowhtml   
            rowhtml += rowdata;          
        });

        //append populated rowhtml to TBODY
        $('#' + tablename + ' tbody').append(rowhtml);
    }

РЕДАКТИРОВАТЬ 2:

Сейчас я использую TableSorter, как это, но таблицы не обновляются при загрузке страницы в IE8, потому что, как сказал Мотти, их загрузка должна быть после загрузки файлов... но я не знаю, как это сделать.

$(document).ready(function(){
    $("table").tablesorter({ 
       sortList: [[1,1]]
    });
    $("table").trigger("update"); 
    $("table").click(function(){ $("table").trigger("update"); });
});
Источник

0 ответов

Другие вопросы по тегам