Phonegap html table

Question

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

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

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

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

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

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

Большое спасибо.

Answer 1

u должен использовать 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> 

**

Answer 2

Через пару дней исследования, я, наконец, выяснить, учебник, который удовлетворит своей цели:

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

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