PhoneGap HTML-таблица

Question

Мне нужно сделать прокручиваемую таблицу с фиксированной строкой заголовка и столбцом заголовка в приложении phonegap, используя html, javascript и css.

Я изучил ряд существующих вопросов, и на основе приведенного ниже решения ( http://jsbin.com/bojacelaba/1/edit?html,css,output) я подготовил следующий файл:

http://www.ksutopia.com/a2.html

Этот файл имеет фиксированный заголовок строки и полосу прокрутки, и он правильно отображается в браузере / эмуляторе Firefox. Однако, если я запускаю это на реальном устройстве (Samsung Note 1 с Android 4.1.2), заголовок строки будет пустым.

http://www.ksutopia.com/screenshot.png

Любой, кто может дать мне любой намек на это, будет глубоко признателен. Я прочитал много ответов, чтобы использовать iscroll. Я пытаюсь посмотреть на это, но нет примера "фиксированного заголовка с полосой прокрутки". Был бы признателен, если кто-то может указать на соответствующий пример / учебник.

Заранее большое спасибо.

Answer 1

После нескольких дней исследований я наконец нашел учебник, который подходит моей цели:

http://tympanus.net/Tutorials/StickyTableHeaders/

надеюсь, что это будет соответствовать вашим потребностям.

Answer 2

Вы должны использовать JQuery.

например,

**

<table id="tableId"> 
    <thead>
        <th>Column Header 01</th>
        <th>Column Header 02</th>
        <th>Column Header 03</th>
    </thead>
    <tbody>
            <tr>
        <td>Column Content</td>
        <td>Column Content</td>
        <td>Column Content</td>
            </tr>
    </tbody>
</table>
<script>
jQuery(document).ready(function($)
{
       $('#tableId').tableScroll({height:600});
});
</script>
</body>

**